@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;600;700;800&family=Space+Grotesk:wght@500;700&display=swap');
:root { --navy:#04172f; --teal:#10beb8; --gold:#f3b43b; --white:#ffffff; --muted:#dbe7f2; --ink:#071525; --soft:#f4f7fb; --line:rgba(255,255,255,.18);} *{box-sizing:border-box;} html{scroll-behavior:smooth;} body{margin:0;font-family:"DM Sans",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--soft);} .site-header {
  position: sticky;
  top: 0;
  z-index: 10;
  background: #051a32;
  border-bottom: none;
} .nav {
  max-width: 1180px;
  margin: 0 auto;
  padding: 10px 22px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
} .brand{display:flex;align-items:center;text-decoration:none;} .brand-logo {
  height: 92px;
  width: auto;
  display: block;
} .nav-links{display:flex;align-items:center;gap:22px;} .nav-links a{color:var(--muted);text-decoration:none;font-weight:700;font-size:15px;} .nav-links a:hover{color:var(--gold);} .nav-toggle{display:none;border:none;background:transparent;color:white;font-size:28px;} .hero{min-height:720px;padding:90px 22px 70px;background:radial-gradient(circle at 78% 18%, rgba(16,190,184,.25), transparent 26%),linear-gradient(135deg, #031124 0%, #052344 55%, #0b6279 100%);color:white;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.75fr);gap:44px;align-items:center;} .hero-content,.event,.mission,.membership,.contact{max-width:1180px;width:100%;margin-left:auto;margin-right:auto;} .eyebrow,.section-label{color:var(--gold);text-transform:uppercase;letter-spacing:.16em;font-weight:800;font-size:13px;} h1,h2,h3{font-family:"Space Grotesk",sans-serif;line-height:1.02;margin:0;} h1{font-size:clamp(46px,7vw,92px);letter-spacing:-.06em;max-width:850px;} .hero-text{color:var(--muted);font-size:21px;line-height:1.55;max-width:720px;margin:26px 0 34px;} .hero-actions{display:flex;gap:16px;flex-wrap:wrap;} .btn{padding:15px 22px;border-radius:999px;text-decoration:none;font-weight:800;display:inline-flex;align-items:center;justify-content:center;} .btn.primary{background:var(--gold);color:var(--navy);} .btn.secondary{border:1px solid rgba(255,255,255,.38);color:white;} .hero-card{max-width:460px;width:100%;padding:12px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.08);border-radius:28px;box-shadow:0 30px 90px rgba(0,0,0,.35);} .hero-card img{width:100%;display:block;border-radius:20px;} .event,.mission,.membership,.contact{padding:80px 22px;} .event-grid{margin-top:18px;display:grid;grid-template-columns:1fr 430px;gap:44px;align-items:start;} .event h2,.mission h2,.membership h2,.contact h2{font-size:clamp(34px,5vw,62px);letter-spacing:-.04em;margin:10px 0 18px;color:var(--navy);} .event p,.mission p,.membership p,.contact p{color:#40536a;font-size:18px;line-height:1.7;} .event-details{background:var(--navy);color:white;border-radius:28px;padding:26px;box-shadow:0 24px 60px rgba(4,23,47,.18);} .event-details div{border-bottom:1px solid rgba(255,255,255,.14);padding:16px 0;} .event-details div:last-child{border-bottom:none;} .event-details span{display:block;color:var(--teal);text-transform:uppercase;font-size:12px;font-weight:800;letter-spacing:.12em;margin-bottom:6px;} .event-details strong{font-size:22px;} .mission{background:white;max-width:none;} .mission>.section-label,.mission>h2,.mission>.cards{max-width:1180px;margin-left:auto;margin-right:auto;} .cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:32px;} .cards article{min-height:260px;padding:28px;border-radius:28px;background:linear-gradient(180deg,#ffffff,#f1f8fa);border:1px solid #dce8f0;} .cards h3{font-size:28px;color:var(--navy);margin-bottom:12px;} .membership{display:grid;grid-template-columns:1fr 440px;gap:54px;align-items:start;} .membership ul{list-style:none;padding:0;display:grid;gap:10px;} .membership li{background:white;border-left:5px solid var(--teal);padding:14px 18px;border-radius:12px;font-weight:800;} .interest-form{background:white;border-radius:28px;padding:28px;box-shadow:0 24px 60px rgba(4,23,47,.12);} .interest-form h3{font-size:30px;margin-bottom:20px;} label{display:grid;gap:8px;margin-bottom:14px;font-weight:800;color:var(--navy);} input,textarea{border:1px solid #cfdbe5;border-radius:14px;padding:13px 14px;font:inherit;width:100%;} button[type="submit"]{width:100%;border:none;border-radius:999px;padding:15px 18px;font:inherit;font-weight:900;background:var(--teal);color:var(--navy);cursor:pointer;} .form-note{font-size:13px!important;line-height:1.4!important;margin-bottom:0;} .hidden-field{position:absolute;left:-9999px;opacity:0;height:0;width:0;} .contact{display:grid;grid-template-columns:1fr 420px;gap:44px;} .contact-card{background:var(--navy);color:white;border-radius:28px;padding:28px;display:grid;gap:14px;align-content:center;} .contact-card a,.contact-card span{color:white;text-decoration:none;font-size:22px;font-weight:800;} footer{background:var(--navy);color:var(--muted);text-align:center;padding:24px;} .message-page{min-height:100vh;display:grid;place-items:center;padding:32px;background:radial-gradient(circle at 78% 18%, rgba(16,190,184,.25), transparent 26%),linear-gradient(135deg, #031124 0%, #052344 55%, #0b6279 100%);} .message-card{max-width:620px;width:100%;background:white;border-radius:32px;padding:38px;text-align:center;box-shadow:0 30px 90px rgba(0,0,0,.28);} .message-logo{max-width:360px;width:100%;margin-bottom:24px;} .message-card h1{color:var(--navy);margin-bottom:16px;} .message-card p{font-size:18px;line-height:1.6;color:#40536a;margin-bottom:26px;} @media (max-width:900px){.nav-toggle{display:block;} .nav-links{display:none;position:absolute;left:20px;right:20px;top:92px;padding:18px;background:var(--navy);border-radius:18px;flex-direction:column;align-items:flex-start;} .nav-links.open{display:flex;} .hero,.event-grid,.membership,.contact{grid-template-columns:1fr;} .hero{padding-top:60px;} .hero-card{max-width:100%;} .cards{grid-template-columns:1fr;} .brand-logo {
  height: 92px;
  width: auto;
  display: block;
}}

.register-page {
  min-height: calc(100vh - 120px);
  padding: 70px 22px;
  background:
    radial-gradient(circle at 78% 18%, rgba(16,190,184,.25), transparent 26%),
    linear-gradient(135deg, #031124 0%, #052344 55%, #0b6279 100%);
}

.register-panel {
  max-width: 1180px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 460px;
  gap: 54px;
  align-items: start;
}

.register-copy {
  color: white;
  padding-top: 22px;
}

.register-copy h1 {
  font-size: clamp(44px, 6vw, 78px);
  letter-spacing: -.06em;
  margin: 10px 0 22px;
}

.register-copy p {
  color: var(--muted);
  font-size: 20px;
  line-height: 1.65;
  max-width: 680px;
}

.mini-details {
  margin-top: 28px;
  display: grid;
  gap: 12px;
}

.mini-details span {
  display: block;
  padding: 14px 18px;
  background: rgba(255,255,255,.08);
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 16px;
  color: white;
}

.register-form {
  margin-top: 0;
}

@media (max-width: 900px) {
  .register-panel {
    grid-template-columns: 1fr;
  }
}


.quick-register-link {
  display: inline-flex;
  margin: 18px 0 24px;
  padding: 13px 18px;
  border-radius: 999px;
  background: var(--gold);
  color: var(--navy);
  text-decoration: none;
  font-weight: 900;
}
