:root{
  --navy-900:#01121A;--navy-800:#022433;--navy-700:#03354D;--navy-600:#044766;--blue:#055980;
  --gold:#EEBD6B;--gold-400:#F1CA89;--gold-600:#BE9756;--gold-200:#F8E5C4;--gold-800:#5F4C2B;
  --lb-100:#E8EFF3;--lb-200:#D1E0E7;--lb-300:#BAD0DC;
  --n-50:#F1F1F1;--n-100:#E3E3E3;--n-200:#D5D5D5;--n-500:#8A8A8A;--n-600:#6D6D6D;--n-800:#373737;--ink:#08090D;
  --font-display:"Fjalla One","Roboto",system-ui,sans-serif;--font-body:"Roboto",system-ui,-apple-system,sans-serif;
  --shadow-sm:0 1px 2px rgba(2,36,51,.05),0 1px 3px rgba(2,36,51,.08);
  --shadow-lg:0 4px 8px rgba(2,36,51,.06),0 12px 28px rgba(2,36,51,.10);
  --shadow-xl:0 8px 16px rgba(2,36,51,.08),0 24px 48px rgba(2,36,51,.12);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:var(--font-body);color:var(--n-800);background:#fff;-webkit-font-smoothing:antialiased}
img{max-width:100%}
a{color:var(--blue);text-decoration:none}
.wrap{max-width:1160px;margin:0 auto}
.gold{color:var(--gold)}
.rule{width:32px;height:3px;background:var(--gold);border-radius:2px}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:4px;border:1px solid transparent;font-family:var(--font-body);font-weight:500;font-size:16px;line-height:24px;letter-spacing:.03em;white-space:nowrap;cursor:pointer;transition:background 120ms cubic-bezier(.2,0,.2,1)}
.btn-sm{height:32px;padding:0 12px;font-size:14px}
.btn-lg{height:48px;padding:0 20px}
.btn-accent{background:var(--gold-400);color:var(--gold-800)}
.btn-accent:hover{background:var(--gold);color:var(--gold-800)}
.btn-primary{background:var(--blue);color:#fff}
.btn-primary:hover{background:var(--navy-700);color:#fff}
.btn svg{flex-shrink:0;fill:currentColor}

.topbar{position:sticky;top:0;z-index:20;background:var(--navy-900);border-bottom:1px solid rgba(255,255,255,.08)}
.topbar-inner{padding:12px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.wordmark{display:flex;align-items:center;gap:10px;color:#fff;font-family:var(--font-display);font-size:18px;letter-spacing:.06em;text-transform:uppercase}
.dot{width:9px;height:9px;border-radius:50%;background:var(--gold)}
.topbar-right{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.topbar-date{font-size:14px;color:var(--lb-200);white-space:nowrap}

.hero{position:relative;background:var(--navy-800);color:#fff;overflow:hidden}
.watermark{position:absolute;opacity:.05;pointer-events:none;max-width:none}
.watermark-hero{right:-80px;top:-60px;height:560px}
.watermark-cta{left:-90px;bottom:-120px;height:420px}
.hero-grid{position:relative;padding:40px 24px 140px;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:40px;align-items:center}
.hero-copy{display:flex;flex-direction:column;align-items:flex-start;gap:22px}
.pill{border:1px solid var(--gold);color:var(--gold);border-radius:9999px;padding:6px 14px;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}
.pill-sm{padding:4px 12px;font-size:11px}
.hero h1{margin:0;font-family:var(--font-display);font-weight:400;font-size:clamp(40px,5.5vw,64px);line-height:1.04;letter-spacing:.01em;text-transform:uppercase;color:#fff;text-wrap:balance}
.hero-lede{margin:0;font-size:18px;line-height:28px;color:var(--lb-200);max-width:540px;text-wrap:pretty}
.countdown{display:grid;grid-template-columns:repeat(4,minmax(0,88px));gap:10px;margin-top:4px}
.cd{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);border-radius:14px;padding:12px 0 8px;display:flex;flex-direction:column;align-items:center;gap:2px}
.cd-v{font-family:var(--font-display);font-size:36px;line-height:1;color:#fff;font-variant-numeric:tabular-nums}
.cd-l{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--lb-300)}
.hero-date{font-size:15px;color:#fff;font-weight:500}
.host{position:relative;justify-self:start;max-width:456px;width:100%}
.host-photo{aspect-ratio:1/1;max-height:432px;width:100%;border-radius:20px;overflow:hidden;box-shadow:var(--shadow-xl);background:var(--navy-700)}
.host-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:32% 30%}
.host-card{position:absolute;left:16px;bottom:16px;background:#fff;border-radius:14px;padding:14px 18px;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;gap:2px}
.host-eyebrow{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--gold-600)}
.host-name{font-family:var(--font-display);font-size:22px;text-transform:uppercase;color:var(--blue)}
.host-title{font-size:14px;color:var(--n-600)}

.register-section{background:linear-gradient(var(--navy-800) 0 120px,var(--n-50) 120px);padding:0 24px 72px;margin-top:-1px}
.register-card{max-width:640px;margin:0 auto;background:#fff;border-radius:20px;padding:32px;box-shadow:var(--shadow-xl);display:flex;flex-direction:column;gap:18px;scroll-margin-top:80px}
.register-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap}
.register-head>div{display:flex;flex-direction:column;gap:6px}
.register-title{font-family:var(--font-display);font-size:26px;text-transform:uppercase;color:var(--blue)}
.register-note{font-size:13px;color:var(--n-600);padding-top:6px;white-space:nowrap}
#ss-form-PTNpjGozVLMh{min-height:340px}

.section{padding:80px 24px;background:#fff}
.section-muted{background:var(--n-50)}
.section-head{display:flex;flex-direction:column;gap:14px}
.stack-wrap{display:flex;flex-direction:column;gap:40px}
.stack-wrap .section-head{max-width:640px}
.eyebrow{font-weight:700;text-transform:uppercase;letter-spacing:.08em;font-size:12px;color:var(--gold-600)}
.section h2{margin:0;font-family:var(--font-display);font-weight:400;font-size:clamp(30px,4vw,42px);line-height:1.08;color:var(--blue);text-wrap:balance}
.section-head p{margin:0;font-size:17px;line-height:27px;color:var(--n-600);text-wrap:pretty}
.mt{margin-top:10px}
.stack-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:20px}
.stack-card{padding:26px;border:1px solid var(--n-100);border-radius:18px;box-shadow:var(--shadow-sm);background:#fff;display:flex;flex-direction:column}
.stack-top{display:flex;align-items:center;justify-content:space-between}
.stack-num{width:40px;height:40px;border-radius:10px;background:var(--blue);color:#fff;font-family:var(--font-display);display:flex;align-items:center;justify-content:center;font-size:18px}
.stack-icon{width:40px;height:40px;border-radius:50%;background:var(--lb-100);color:var(--navy-600);display:flex;align-items:center;justify-content:center}
.stack-icon svg,.learn-check svg{fill:currentColor}
.stack-role{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--n-500);margin-top:20px}
.stack-card h3{font-family:var(--font-display);font-size:24px;color:var(--blue);margin:6px 0 0;font-weight:400}
.stack-card .rule{margin:12px 0 14px}
.stack-card p{font-size:15px;line-height:23px;color:var(--n-600);margin:0}
.learn-grid,.example-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:48px}
.example-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,360px),1fr));align-items:center}
.learn-list{display:flex;flex-direction:column}
.learn-item{display:flex;gap:16px;padding:18px 0;border-bottom:1px solid var(--n-200)}
.learn-check{flex-shrink:0;width:28px;height:28px;border-radius:50%;background:var(--gold-200);color:var(--gold-800);display:flex;align-items:center;justify-content:center}
.learn-item>div:last-child{display:flex;flex-direction:column;gap:4px}
.learn-t{font-size:17px;font-weight:700;color:var(--ink)}
.learn-d{font-size:15px;line-height:22px;color:var(--n-600)}
.example-card{border-radius:20px;background:var(--navy-800);padding:28px;display:flex;flex-direction:column;gap:20px;box-shadow:var(--shadow-lg)}
.example-top{display:flex;align-items:center;justify-content:space-between;gap:12px}
.example-logo{height:22px;width:auto}
.example-shot{height:300px;border-radius:14px;overflow:hidden;background:rgba(255,255,255,.06)}
.example-shot img{width:100%;height:100%;object-fit:cover;object-position:left top;display:block}

.final-cta{position:relative;overflow:hidden;padding:88px 24px;background:var(--navy-800);color:#fff}
.final-inner{position:relative;max-width:760px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:18px;text-align:center}
.final-date{font-size:14px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--gold)}
.final-cta h2{margin:0;font-family:var(--font-display);font-weight:400;font-size:clamp(34px,5vw,52px);line-height:1.05;text-transform:uppercase;color:#fff;text-wrap:balance}
.final-cta p{margin:0;font-size:18px;line-height:28px;color:var(--lb-200)}
.footer{padding:24px;background:var(--navy-900);color:var(--lb-300);font-size:13px}
.footer-inner{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px}

@media (max-width:600px){
  .topbar-date{display:none}
  .hero-grid{padding:32px 20px 132px;gap:32px}
  .host{justify-self:stretch}
  .countdown{grid-template-columns:repeat(4,minmax(0,1fr))}
  .pill{white-space:normal}
  .register-card{padding:24px 20px}
  .section{padding:64px 20px}
  .final-date{white-space:normal}
}
