:root{
      --voltech-blue: #0b5bd7;
      --voltech-gold: #f2b705;
      --banner-overlay: linear-gradient(180deg, rgba(3,18,59,0.65), rgba(3,18,59,0.45));
      font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial;
    }

    .anniv-hero{
      min-height: 380px;
      display:flex;
      align-items:center;
      justify-content:center;
      color: white;
      background-size: cover;
      background-position: center;
      border-radius: 12px;
      position: relative;
      overflow: hidden;
    }

    .anniv-hero::after{
      content: '';
      position: absolute;
      inset: 0;
      background: var(--banner-overlay);
      mix-blend-mode: multiply;
    }

    .anniv-content{
      position: relative;
      z-index: 2;
      text-align: center;
      padding: 2rem;
    }

    .anniv-badge{
      display: inline-block;
      padding: 8px 14px;
      border-radius: 999px;
      background: rgba(255,255,255,0.08);
      backdrop-filter: blur(6px);
      color: var(--voltech-gold);
      font-weight: 700;
      letter-spacing: 0.6px;
      margin-bottom: 0.8rem;
    }

    .anniv-logo{
      width: 170px;
      height: auto;
      margin-bottom: 1rem;
    }

    .anniv-title{
      font-size: clamp(1.3rem, 2.2vw, 2.4rem);
      font-weight: 800;
      margin-bottom: 0.4rem;
      line-height: 1.02;
    }

    .anniv-sub{
      font-size: clamp(0.9rem, 1.6vw, 1.05rem);
      opacity: 0.95;
      margin-bottom: 1rem;
    }

    #countdown {
      font-size: 1.8rem;
      font-weight: 800;
      color: var(--voltech-gold);
      margin-top: 1.5rem;
      margin-bottom: 1.5rem;
    }

    @media (min-width: 992px){
      .modal-dialog-centered{max-width: 920px}
      .anniv-hero{min-height:420px}
    }

    #confetti-canvas{
      position:absolute;
      inset:0;
      width:100%;
      height:100%;
      pointer-events:none;
      z-index:1;
    }

    .modal-header .btn-close{
      filter: drop-shadow(0 1px 3px rgba(0,0,0,0.4));
    }
    .pdf_btn{
        color: black;
    }
    .pdf_button{
      display: none;
    }

     .celebration-note {
    color: #ffffff;
    font-size: 0.85rem;   /* small text */
    display: block;       /* force next line */
    font-weight: 400;
    margin-top: 10px;
    line-height: 1;
    opacity: 0.95;
  }