Embed

<section class="cfc-donation-section" aria-labelledby="cfc-donate-heading">

  
  <div class="cfc-donation-header">

    <span class="cfc-donation-badge" aria-hidden="true">
      Support the Arts. Inspire Hope.
    </span>

    <h2 id="cfc-donate-heading" class="cfc-donation-title">
      Make a Difference Today
    </h2>

    <p class="cfc-donation-subtitle">
      Your gift directly funds arts-based healing programs and initiatives for individuals and families/friends impacted by cancer.
    </p>

    
    <ul class="cfc-trust-list" aria-label="Donation trust indicators">
      <li>
        <span class="cfc-trust-icon" aria-hidden="true">🔒</span>
        Secure &amp; Encrypted
      </li>
      <li>
        <span class="cfc-trust-icon" aria-hidden="true">💸</span>
        100% Free Platform — No fees taken from your gift
      </li>
      <li>
        <span class="cfc-trust-icon" aria-hidden="true">🧾</span>
        Tax-Deductible — 501(c)(3) Nonprofit
      </li>
    </ul>

  </div>

  
  <div class="cfc-zeffy-wrapper" role="region" aria-label="Donation form">

    <iframe
      title="Donation Form — Cues for Cancer, powered by Zeffy"
      class="cfc-zeffy-frame"
      src="https://www.zeffy.com/en-US/embed/donation-form/donate-to-inspire-hope-onstage-and-off"
      allowpaymentrequest
      allowtransparency="true"
      loading="lazy"
      referrerpolicy="no-referrer-when-downgrade"
      aria-label="Cues for Cancer donation form"
    ></iframe>

  </div>

 
</section>



<style>

  /* ---------- tokens ---------- */
  .cfc-donation-section {
    --cfc-purple:       #6F2DBD;
    --cfc-purple-dark:  #4F1F8A;
    --cfc-gold:         #F59E0B;
    --cfc-gold-dark:    #B45309;
    --cfc-white:        #FFFFFF;
    --cfc-text:         #111827;
    --cfc-text-muted:   #4B5563;
    --cfc-bg-soft:      #F8F6FB;
    --cfc-border:       rgba(111, 45, 189, 0.15);
    --cfc-shadow:       0 8px 40px rgba(111, 45, 189, 0.12),
                        0 2px 10px rgba(17, 24, 39, 0.08);
    --cfc-radius-md:    12px;
    --cfc-radius-lg:    20px;
    --cfc-radius-pill:  999px;
    --cfc-ease:         cubic-bezier(0.22, 0.61, 0.36, 1);
  }

  /* ---------- section wrapper ---------- */
  .cfc-donation-section {
    background: linear-gradient(
      160deg,
      rgba(111, 45, 189, 0.04) 0%,
      rgba(245, 158, 11, 0.03) 100%
    );
    border-top:    3px solid var(--cfc-purple);
    border-radius: var(--cfc-radius-lg);
    padding:       3rem 1.5rem 2.5rem;
    margin:        2rem auto;
    max-width:     860px;
    box-sizing:    border-box;
  }

  /* ---------- header block ---------- */
  .cfc-donation-header {
    text-align:    center;
    margin-bottom: 2rem;
  }

  /* badge pill */
  .cfc-donation-badge {
    display:          inline-block;
    font-size:        0.75rem;
    font-weight:      700;
    letter-spacing:   0.08em;
    text-transform:   uppercase;
    color:            var(--cfc-purple);
    background:       rgba(111, 45, 189, 0.09);
    border:           1px solid rgba(111, 45, 189, 0.22);
    border-radius:    var(--cfc-radius-pill);
    padding:          0.3em 1em;
    margin-bottom:    0.9rem;
  }

  /* heading */
  .cfc-donation-title {
    font-size:      clamp(1.6rem, 4vw, 2.4rem);
    font-weight:    700;
    line-height:    1.2;
    letter-spacing: -0.02em;
    color:          var(--cfc-text);
    margin:         0 0 0.75rem;
  }

  /* gradient underline on heading */
  .cfc-donation-title::after {
    content:      '';
    display:      block;
    width:        60px;
    height:       3px;
    background:   linear-gradient(90deg, var(--cfc-purple), var(--cfc-gold));
    border-radius: var(--cfc-radius-pill);
    margin:       0.5rem auto 0;
  }

  /* subtitle */
  .cfc-donation-subtitle {
    font-size:   clamp(0.95rem, 2vw, 1.05rem);
    color:       var(--cfc-text-muted);
    line-height: 1.7;
    max-width:   54ch;
    margin:      0 auto 1.5rem;
  }

  /* ---------- trust badges ---------- */
  .cfc-trust-list {
    list-style:     none;
    padding:        0;
    margin:         0 0 0.5rem;
    display:        flex;
    flex-wrap:      wrap;
    justify-content: center;
    gap:            0.5rem 1.5rem;
  }

  .cfc-trust-list li {
    display:     flex;
    align-items: center;
    gap:         0.4em;
    font-size:   0.82rem;
    font-weight: 600;
    color:       var(--cfc-text-muted);
  }

  .cfc-trust-icon {
    font-size: 1em;
  }

  /* ---------- iframe wrapper ---------- */
  .cfc-zeffy-wrapper {
    position:      relative;
    width:         100%;
    /* 1200px height gives Zeffy's full form room without scrollbars */
    height:        1200px;
    border-radius: var(--cfc-radius-md);
    overflow:      hidden;
    box-shadow:    var(--cfc-shadow);
    border:        1px solid var(--cfc-border);
    background:    var(--cfc-white);
  }

  .cfc-zeffy-frame {
    position: absolute;
    top:      0;
    left:     0;
    width:    100%;
    height:   100%;
    border:   0;
  }

  /* ---------- fallback link ---------- */
  .cfc-donation-fallback {
    text-align:  center;
    font-size:   0.82rem;
    color:       var(--cfc-text-muted);
    margin-top:  1.25rem;
    margin-bottom: 0;
  }

  .cfc-donation-fallback-link {
    color:                  var(--cfc-purple);
    font-weight:            600;
    text-decoration:        underline;
    text-underline-offset:  3px;
    transition:             color 180ms ease;
  }

  .cfc-donation-fallback-link:hover {
    color: var(--cfc-purple-dark);
  }

  .cfc-donation-fallback-link:focus-visible {
    outline:        3px solid var(--cfc-purple);
    outline-offset: 3px;
    border-radius:  4px;
  }

  /* ---------- screen-reader only ---------- */
  .cfc-sr-only {
    position:    absolute;
    width:       1px;
    height:      1px;
    padding:     0;
    margin:      -1px;
    overflow:    hidden;
    clip:        rect(0, 0, 0, 0);
    white-space: nowrap;
    border:      0;
  }

  /* ---------- reduced motion ---------- */
  @media (prefers-reduced-motion: reduce) {
    .cfc-donation-fallback-link {
      transition: none;
    }
  }

  /* ---------- responsive ---------- */
  @media (max-width: 640px) {
    .cfc-donation-section {
      padding:       2rem 1rem 2rem;
      border-radius: 12px;
    }

    /* Taller on mobile since Zeffy stacks vertically */
    .cfc-zeffy-wrapper {
      height: 1400px;
    }

    .cfc-trust-list {
      flex-direction: column;
      align-items:    center;
      gap:            0.4rem;
    }
  }

</style>

Cues For Cancer

Cues for Cancer is a mission-driven nonprofit dedicated to inspiring hope, healing, and human connection through the transformative power of the performing arts. Founded on the belief that creativity can be a lifeline during life’s most difficult moments, we exist to support individuals, families, and communities impacted by cancer by blending artistic expression, community engagement, and compassionate advocacy into meaningful action.
At our core, we recognize that cancer affects far more than the body — it touches identity, emotional well-being, relationships, and the sense of belonging. Cues for Cancer creates spaces where storytelling, music, theatre, and shared experiences become pathways toward resilience. Through performance-based programs, workshops, and community initiatives, we empower participants to process their journeys, rediscover confidence, and reconnect with joy in ways that feel authentic, inclusive, and empowering.
Our organization develops and produces creative programs such as healing-focused arts workshops, community performances, awareness events, and educational initiatives that bring together survivors, caregivers, artists, and supporters. We also offer platforms that spotlight real stories, celebrate survivorship, and encourage conversations around mental health, identity, and the complex realities of living with or alongside cancer. By collaborating with theatres, artists, educators, and community partners, we bridge the gap between artistic expression and social impact.
Cues for Cancer serves a diverse audience that includes cancer patients and survivors, caregivers, members of the performing arts community, healthcare advocates, and supporters who believe in the power of art to create change. We are especially passionate about reaching individuals who may feel unseen or isolated during their journey, offering opportunities to connect through creativity rather than focusing solely on illness.
Beyond programming, we advocate for awareness, inclusion, and community-driven support systems. Our work emphasizes compassion, accessibility, and a forward-looking vision where art becomes a tool for healing and empowerment both on stage and off. Through partnerships, events, and advocacy efforts, we strive to build a sustainable movement that celebrates life, fosters resilience, and reminds people that even in the hardest chapters, there is still beauty, voice, and hope to be found.
Cues for Cancer is more than an organization — it is a community where stories matter, creativity heals, and every individual is invited to step back into the spotlight of their own life.