:root{
      --brand:#48267a;
      --brand-dark:#3a1f62;
      --white:#ffffff;
      --max-width:1400px;
    }
    *{box-sizing:border-box}
    html, main { height: 100%; }
    body { height: 100%; margin:0; font-family: Arial, Helvetica, sans-serif; line-height:1.6; color:#000; background:#fff; -webkit-font-smoothing:antialiased; }
    a{color:inherit}
    header {
      background:var(--brand);
      color:var(--white);
      padding:12px 20px;
      position:fixed;
      top:0; left:0; right:0;
      z-index:1000;
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:12px;
    }
    .header-left { display:flex; align-items:center; gap:12px; }
    .logo { font-weight:700; font-size:1.15rem; color:var(--white); text-decoration:none; }

    .menu-button {
      background:transparent;
      border:0;
      color:var(--white);
      font-weight:700;
      font-size:1rem;
      cursor:pointer;
      display:flex;
      align-items:center;
      gap:8px;
      padding:6px 8px;
    }
    .menu-button:focus{ outline:2px solid rgba(255,255,255,0.15); outline-offset:2px; }

    nav { position:relative; }
    .dropdown {
      position:absolute;
      top:100%;
      left:20px;
      margin-top:8px;
      background:var(--white);
      color:#000;
      border-radius:8px;
      box-shadow:0 10px 30px rgba(0,0,0,0.15);
      width:260px;
      display:none;
      flex-direction:column;
      padding:8px;
      z-index:1100;
      box-sizing:border-box;
    }
    .dropdown.show{ display:flex; }
    .dropdown a {
      padding:12px 14px;
      display:block;
      text-decoration:none;
      color:var(--brand);
      font-weight:600;
      border-radius:6px;
      width:100%;
    }
    .dropdown a:hover{ background:#f4f7fb; }
    .dropdown .divider {
      border-top:1px solid #ccc;
      margin:6px 0;
    }

    .menu-toggle { display:none; }
 
    main { /*padding-top:72px;*/ }
    section { padding: 40px 20px 60px; max-width:var(--max-width); margin:auto; }
    h2 { color:var(--brand); margin-top:0; }
    .cta-button { display:inline-block; background:var(--brand); color:var(--white); padding:10px 18px; text-decoration:none; border-radius:6px; font-weight:700; }
    .cta-button:hover{ background:var(--brand-dark); }
    .btn { display:inline-block; background:var(--brand); color:var(--white); padding:10px 18px; text-decoration:none; border-radius:6px; font-weight:700; }
    .btn:hover{ background:var(--brand-dark); }
    footer { background:#f4f4f4; text-align:center; padding:20px; margin-top:40px; border-top:3px solid var(--brand); }

    #popup { display:none; position:fixed; inset:0; background:rgba(0,0,0,0.7); justify-content:center; align-items:center; z-index:2000; }
    #popup .popup-content { background:#fff; padding:20px; border-radius:8px; max-width:420px; width:92%; text-align:center; box-sizing:border-box; }
    #popup input, #popup button { width:100%; padding:10px; margin:8px 0; }
    #popup button[type="submit"]{ background:var(--brand); color:#fff; border:0; cursor:pointer; font-weight:700; }
    #popup button[type="submit"]:hover{ background:var(--brand-dark); }

@media (max-width:768px){
  .menu-toggle { display:block; background:transparent; border:0; color:var(--white); font-size:20px; cursor:pointer; padding:6px; }
  .menu-button { display:none; }
  .dropdown {
    position:fixed;
    top:60px;
    left:0;
    right:0;
    width:100%;
    border-radius:0;
    box-shadow:none;
    padding:12px;
    background:var(--white);
    max-height:calc(100vh - 60px);
    overflow-y:auto;
  }
}