*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
  :root {
    --navy: #03070f; --navy2: #070d1e; --navy3: #0c1830;
    --blue: #1a6fe8; --blue-bright: #3b8ff5; --blue-glow: #5aaeff;
    --silver: #a8b8d0; --silver-light: #ccdaed;
    --gold: #ffc134; --white: #f0f6ff; --text-muted: #6e84a0;
    --border: rgba(90,174,255,0.18); --border-strong: rgba(90,174,255,0.40);
    --gold-dark: #d99804;
  }
  html { scroll-behavior: smooth; overflow-x: hidden; }
  body {
    background: var(--navy); color: var(--white);
    font-family: 'Barlow', sans-serif; font-weight: 400;
    font-size: 20px; line-height: 1.75; overflow-x: hidden;
  }
  #space-canvas { position: fixed; inset: 0; z-index: 0; pointer-events: none; width: 100%; height: 100%; }
  .container { position: relative; z-index: 1; max-width: 1000px; margin: 0 auto; padding: 0 36px; }

  /* TOP BAR */
  .topbar { z-index: 100; border-bottom: 1px solid var(--border); padding: 16px 0; background: rgba(3,7,15,0.92); backdrop-filter: blur(14px); }
  .topbar .inner { display: flex; align-items: center; justify-content: space-between; max-width: 1000px; margin: 0 auto; padding: 0 36px; }
  .topbar-logo { font-family: 'Barlow Condensed', sans-serif; font-weight: 700; font-size: 19px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--silver-light); }
  .topbar-badge { display: flex; align-items: center; gap: 10px; font-size: 17px; color: var(--blue-glow); font-weight: 500; }
  .pulse-dot { width: 10px; height: 10px; border-radius: 50%; background: var(--blue-bright); animation: pulse 2s ease-in-out infinite; }
  @keyframes pulse { 0%,100%{opacity:1;transform:scale(1)} 50%{opacity:0.35;transform:scale(0.6)} }

  /* HERO */
  .hero { padding: 64px 0 0px; border-bottom: 1px solid var(--border); }
  .event-label { display: inline-flex; align-items: center; gap: 10px; background: rgba(26,111,232,0.14); border: 1px solid var(--border-strong); border-radius: 4px; padding: 7px 20px; font-family: 'Barlow Condensed', sans-serif; font-size: 16px; font-weight: 600; letter-spacing: 0.18em; text-transform: uppercase; color: var(--blue-glow); margin-bottom: 32px; }
  .pre-headline { font-size: 20px; color: var(--silver); font-weight: 400; margin-bottom: 14px; }
  .pre-headline strong { color: var(--white); font-weight: 600; }
  .hero-headline { font-family: 'Barlow Condensed', sans-serif; font-weight: 800; font-size: clamp(58px, 9vw, 118px); line-height: 0.94; letter-spacing: 0.01em; text-transform: uppercase; color: var(--white); margin-bottom: 12px; }
  .hero-headline .accent { color: var(--blue-bright); }
  .hero-headline .sub { display: block; font-size: clamp(42px, 6.5vw, 82px); color: var(--silver-light); font-weight: 600; margin-top: 8px; }
  .hero-date { font-family: 'Barlow Condensed', sans-serif; font-size: 28px; font-weight: 600; letter-spacing: 0.10em; color: var(--gold); text-transform: uppercase; margin-bottom: 44px; }




  /* GURU ROW */
  .guru-row { display: flex; align-items: center; gap: 24px; margin-bottom: 52px; flex-wrap: wrap; }
  .guru-card { flex: 1; min-width: min(280px, 100%); display: flex; align-items: center; gap: 18px; background: rgba(255,255,255,0.045); border: 1px solid var(--border); border-radius: 10px; padding: 20px 26px; }
  .guru-avatar { width: 96px; height: 96px; border-radius: 50%; background: var(--navy3); border: 2px solid var(--blue); display: flex; align-items: center; justify-content: center; overflow: hidden; flex-shrink: 0; position: relative; }
  .guru-avatar svg { width: 58px; height: 58px; opacity: 0.45; }
.guru-avatar img { width: 96px; height: 96px;}

  .avatar-label { position: absolute; bottom: 0; left: 0; right: 0; font-size: 10px; text-align: center; background: rgba(26,111,232,0.80); color: #fff; padding: 3px 0; letter-spacing: 0.04em; font-weight: 600; }
  .guru-name { font-family: 'Barlow Condensed', sans-serif; font-weight: 700; font-size: 26px; color: var(--white); line-height: 1.15; }
  .guru-title { font-size: 16px; color: var(--silver); margin-top: 4px; line-height: 1.4; }
  .guru-divider { font-family: 'Barlow Condensed', sans-serif; font-size: 28px; font-weight: 700; color: var(--text-muted); flex-shrink: 0; }

  @media (max-width:720px){
    .guru-divider{
      display:none;
    }
  }

  /* SIGNUP BOX */
  .signup-box { background: rgba(7,13,30,0.93); border: 1px solid var(--border-strong); border-top: 4px solid var(--blue); border-radius: 12px; padding: 48px 52px; margin-bottom: 52px; backdrop-filter: blur(10px); }
  .signup-box h2 { font-family: 'Barlow Condensed', sans-serif; font-size: 36px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: var(--white); margin-bottom: 10px; line-height: 1.2em; }

@media (max-width:575px){
  .signup-box h2{
    font-size:27px;
  }
  .hero-date{
    font-size:21px;
  }
}

  .signup-box p.sub { font-size: 20px; color: var(--silver); margin-bottom: 32px; line-height: 1.5; }
  .email-row { display: flex; flex-direction: column; gap: 12px; }
  .email-input { width: 100%; background: rgba(255,255,255,0.07); border: 2px solid var(--border-strong); border-radius: 7px; padding: 18px 22px; font-size: 22px; font-family: 'Barlow', sans-serif; color: var(--white); outline: none; transition: border-color 0.2s, background 0.2s; }
  .email-input::placeholder { color: var(--text-muted); }
  .email-input:focus { border-color: var(--blue-bright); background: rgba(26,111,232,0.12); box-shadow: 0 0 0 4px rgba(26,111,232,0.20); }
  .btn-rsvp { width: 100%; padding: 20px 38px; background: var(--gold); border: none; border-radius: 7px; font-family: 'Barlow Condensed', sans-serif; font-size: 26px; font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase; color: black; cursor: pointer; transition: background 0.2s, transform 0.12s, box-shadow 0.2s; box-shadow: 0 5px 28px rgba(26,111,232,0.48); position: relative; overflow: hidden; }
  .btn-rsvp::before { content:''; position:absolute; inset:0; background:linear-gradient(135deg,rgba(255,255,255,0.12) 0%,transparent 55%); pointer-events:none; }
  .btn-rsvp:hover { background: var(--gold-dark); box-shadow: 0 8px 38px rgba(59,143,245,0.60); transform: translateY(-2px); }
  .btn-rsvp:active { transform: translateY(1px); }
  .form-note { font-size: 16px; color: var(--text-muted); text-align: center; margin-top: 18px; }
  .form-note strong { color: var(--silver); font-weight: 500; }
  .success-msg { display:none; text-align:center; padding:28px 0; }
  .success-msg .check-icon { width: 72px; height: 72px; border-radius: 50%; background: rgba(26,111,232,0.15); border: 2px solid var(--blue); display:flex; align-items:center; justify-content:center; margin:0 auto 18px; font-size: 36px; }
  .success-msg h3 { font-family:'Barlow Condensed',sans-serif; font-size: 44px; font-weight:700; color:var(--white); margin-bottom:10px; }
  .success-msg p { font-size: 20px; color: var(--silver); }

  /* URGENCY / COUNTDOWN */
  .urgency-bar { background: rgba(26,111,232,0.10); border: 1px solid var(--border); border-radius: 10px; padding: 28px 36px; display:flex; flex-direction:column; align-items:center; gap:18px; margin-bottom:72px; text-align:center; }
  .urgency-top { display:flex; align-items:center; gap:14px; }
  .urgency-icon { font-size: 38px; flex-shrink:0; }
  .urgency-text strong { font-family:'Barlow Condensed',sans-serif; font-size:26px; font-weight:700; color:var(--white); display:block; text-transform:uppercase; letter-spacing:0.08em; }
  .urgency-text span { font-size:18px; color:var(--silver); }
  .countdown { display:flex; gap:12px; justify-content:center; }
  .count-unit { text-align:center; }
  .count-num { font-family:'Barlow Condensed',sans-serif; font-size:38px; font-weight:700; color:var(--blue-glow); display:block; background:rgba(26,111,232,0.14); border:1px solid var(--border-strong); border-radius:6px; padding:6px 14px; min-width:72px; text-align:center; }
  .count-label { font-size:12px; color:var(--text-muted); text-transform:uppercase; letter-spacing:0.12em; margin-top:5px; }

  /* BODY COPY SECTION — solid charcoal blue, blocks canvas */
  .section { border-bottom: 1px solid var(--border); background: #0d1528; position: relative; z-index: 2; margin: 0 -9999px; padding: 64px 9999px; }
  .section-label { font-family:'Barlow Condensed',sans-serif; font-size:24px; font-weight:600; letter-spacing:0.22em; text-transform:uppercase; color:var(--blue-glow); margin-bottom:10px; }
  .section-title { font-family:'Barlow Condensed',sans-serif; font-size:clamp(34px,5vw,62px); font-weight:800; text-transform:uppercase; color:var(--white); line-height:1.06; margin-bottom:24px; }
  .section-body { font-size:20px; color:var(--silver-light); line-height:1.82; margin-bottom:18px; }
  .section-body strong { color: var(--white); font-weight: 600; }
  .highlight { color:var(--white); font-weight:500; }

  /* INLINE PROSE — the letter-style body copy */
  .prose { font-size: 20px; color: var(--silver-light); line-height: 1.85; }
  .prose p { margin-bottom: 18px; }
  .prose p:last-child { margin-bottom: 0; }
  .prose strong { color: var(--white); font-weight: 600; }
  .prose .big-claim { font-family: 'Barlow Condensed', sans-serif; font-size: clamp(24px, 3.5vw, 34px); font-weight: 700; color: var(--white); line-height: 1.2; margin-bottom: 22px; display: block; }

  /* STOCK BULLETS */
  .stock-bullets { list-style: none; margin: 28px 0; display: flex; flex-direction: column; gap: 12px; }
  .stock-bullets li { display: flex; align-items: baseline; gap: 14px; font-size: 20px; color: var(--silver-light); padding: 14px 20px; background: rgba(255,255,255,0.03); border: 1px solid var(--border); border-radius: 7px; }
  .stock-bullets li .pct { font-family: 'Barlow Condensed', sans-serif; font-size: 28px; font-weight: 800; color: #4dd68c; flex-shrink: 0; min-width: 90px; }
  .stock-bullets li .desc { color: var(--silver-light); }
  .stock-bullets li .desc strong { color: var(--white); }

  /* WHITE SECTION */
  .section-white { background: #ffffff !important; position: relative; z-index: 2; margin: 0 -9999px; padding: 64px 9999px; border-bottom: none; }
  .section-white .section-label { color: var(--blue); }
  .section-white .section-title { color: #0d1a2e; }
  .section-white .section-body { color: #2a3d56; }
  .section-white .section-body strong { color: #0d1a2e; }
  .section-white .highlight { color: #0d1a2e; }
  .section-white .prose { color: #2a3d56; }
  .section-white .prose strong { color: #0d1a2e; }
  .section-white .stock-bullets li { background: #f4f7fc; border-color: #d0dff0; color: #2a3d56; }
  .section-white .stock-bullets li .desc { color: #2a3d56; }
  .section-white .stock-bullets li .desc strong { color: #0d1a2e; }
  .section-white .testi-note { color: #6a7f96; }
  .section-white .testi-card { background: #f4f7fc; border-color: #d0dff0; border-left-color: var(--blue); }
  .section-white .testi-quote { color: #2a3d56; }
  .section-white .testi-name { color: #4a5f78; }
  .section-white .signup-box { background: #f0f5ff; border-color: rgba(26,111,232,0.35); }
  .section-white .signup-box h2 { color: #0d1a2e; }
  .section-white .signup-box p.sub { color: #2a3d56; }
  .section-white .email-input { background: #ffffff; border-color: rgba(26,111,232,0.40); color: #0d1a2e; }
  .section-white .email-input::placeholder { color: #8aabcc; }
  .section-white .form-note { color: #6a7f96; }
  .section-white .form-note strong { color: #2a3d56; }
  .benefit-list { list-style:none; margin-top:28px; display:flex; flex-direction:column; gap:16px; }
  .benefit-list li { display:flex; gap:18px; align-items:flex-start; background:rgba(255,255,255,0.04); border:1px solid var(--border); border-radius:8px; padding:22px 26px; font-size:19px; color:var(--silver-light); line-height:1.65; transition:border-color 0.2s; }
  .benefit-list li:hover { border-color: var(--border-strong); }
  .benefit-list li .marker { width:30px; height:30px; border-radius:50%; background:rgba(26,111,232,0.2); border:1px solid var(--blue); flex-shrink:0; display:flex; align-items:center; justify-content:center; margin-top:2px; font-size:13px; color:var(--blue-glow); font-weight:700; }
  .benefit-list li strong { color:var(--white); display:block; margin-bottom:4px; font-size:21px; }
  /* white-section overrides for benefit list */
  .section-white .benefit-list li { background:#f4f7fc; border-color:#d0dff0; color:#2a3d56; }
  .section-white .benefit-list li:hover { border-color: var(--blue); }
  .section-white .benefit-list li .marker { background:rgba(26,111,232,0.12); border-color:var(--blue); color:var(--blue); }
  .section-white .benefit-list li strong { color:#0d1a2e; }

  /* BIO SECTION */
  .bio-card { display:flex; gap:32px; align-items:flex-start; background: #000000c2; border:1px solid var(--border); border-radius:10px; padding:36px; margin-bottom:24px; flex-wrap:wrap; }
  .bio-avatar { width:150px; height:150px;  border-radius: 50%; background:var(--navy3); border:2px solid var(--blue); display:flex; align-items:center; justify-content:center; flex-shrink:0; position:relative; overflow:hidden; }
  .bio-avatar svg { width:88px; height:88px; opacity:0.38; }
  .bio-avatar img { width:150px; height:150px; }
  .bio-avatar .avatar-label { position:absolute; bottom:0; left:0; right:0; font-size:11px; text-align:center; background:rgba(26,111,232,0.82); color:#fff; padding:5px 0; letter-spacing:0.04em; font-weight:600; }
  .bio-content { flex:1; min-width:220px; }
  .bio-name { font-family:'Barlow Condensed',sans-serif; font-size:42px; font-weight:700; color:var(--white); margin-bottom:4px; }
  .bio-role { font-size:16px; color:var(--blue-glow); letter-spacing:0.08em; text-transform:uppercase; font-weight:600; margin-bottom:16px; }
  .bio-text { font-size:20px; color:var(--silver-light); line-height:1.80; }
  .bio-text p { margin-bottom: 14px; }
  .bio-text p:last-child { margin-bottom: 0; }
  .bio-text strong { color: var(--white); }

  /* TESTIMONIALS */
  .testimonials { display:grid; grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); gap:20px; margin-top:32px; }
  .testi-card { background:rgba(255,255,255,0.03); border:1px solid var(--border); border-left:4px solid var(--blue); border-radius:7px; padding:28px; }
  .testi-quote { font-size:18px; color:var(--silver-light); line-height:1.75; margin-bottom:16px; font-style:italic; }
  .testi-name { font-size:15px; color:var(--silver); font-weight:600; }
  .testi-note { font-size: 16px; color: var(--text-muted); margin-bottom: 24px; font-style: italic; }

  /* FINAL CTA */
  .final-cta { padding:80px 0 64px; text-align:center; }
  .final-cta h2 { font-family:'Barlow Condensed',sans-serif; font-size:clamp(44px,7.5vw,96px); font-weight:800; text-transform:uppercase; color:var(--white); line-height:1.2em; margin-bottom:18px; }
  .final-cta p { font-size:16px; color:var(--silver); margin-bottom:36px; line-height:1.65; }
  .btn-cta-large { display:inline-block; padding:22px 60px; background:var(--blue); border:none; border-radius:7px; font-family:'Barlow Condensed',sans-serif; font-size:32px; font-weight:700; letter-spacing:0.14em; text-transform:uppercase; color:#fff; cursor:pointer; text-decoration:none; transition:background 0.2s,transform 0.15s,box-shadow 0.2s; box-shadow:0 7px 38px rgba(26,111,232,0.50); }
  .btn-cta-large:hover { background:var(--blue-bright); transform:translateY(-3px); box-shadow:0 14px 52px rgba(59,143,245,0.60); }
  .free-badge { display:inline-block; background: ##ffc13438; border:1px solid var(--gold); color: var(--gold); font-size:16px; font-weight:600; letter-spacing:0.10em; text-transform:uppercase; border-radius:4px; padding:7px 20px; margin-bottom:22px; }

  .footer { border-top:1px solid var(--border); padding:32px 0; text-align:center; font-size:13px; color:var(--text-muted); line-height:1.8; }

  @media (max-width:720px) {
    body { font-size:17px; }
    .guru-row { flex-direction:column; }
    .guru-card { min-width:0; width:100%; }
    .bio-card { flex-direction:column; align-items:center; text-align:center; }
    .urgency-top { flex-direction:column; }
    .signup-box { padding:36px 20px; }
  }

  @media (max-width:480px) {
    .container { padding: 0 16px; }
    .topbar .inner { padding: 0 16px; }
    .signup-box { padding: 28px 16px; }
    .urgency-bar { padding: 20px 16px; }
  }

  .subhead{
    text-align:center;
    margin-bottom:18px;
    color:#000;
    line-height:1.2em;
  }

  @media (max-width:600px){
    .topbar .inner {
        flex-direction:column;
    }
    .btn-rsvp{
        font-size:15px;
    }
  }


  @media (max-width:420px){
    .hero-headline{
      font-size: clamp(50px, 9vw, 118px);
    }
  }