@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@400;500;600;700;800;900&family=Nunito+Sans:wght@300;400;500;600;700;800&display=swap');

[data-theme="light"]{
  --bg:#ffffff;--bg2:#f7f7f5;--bg3:#efefec;--surface:#ffffff;
  --border:#e8e8e4;--border2:#d0d0ca;
  --text:#18181b;--text2:#3f3f46;--muted:#71717a;--faint:#a1a1aa;
  --green:#16a34a;--green-bg:#f0fdf4;
  --red:#dc2626;--red-bg:#fef2f2;
  --purple:#7c3aed;--purple-l:#ede9fe;--purple-b:#c4b5fd;
  --amber:#d97706;--amber-bg:#fffbeb;
  --inv-bg:#18181b;--inv-text:#ffffff;
}
[data-theme="dark"]{
  --bg:#111113;--bg2:#18181b;--bg3:#1f1f23;--surface:#18181b;
  --border:#2e2e33;--border2:#3f3f46;
  --text:#fafafa;--text2:#d4d4d8;--muted:#a1a1aa;--faint:#52525b;
  --green:#4ade80;--green-bg:#052e16;
  --red:#f87171;--red-bg:#1a0808;
  --purple:#a78bfa;--purple-l:#1e1b2e;--purple-b:#6d28d9;
  --amber:#fbbf24;--amber-bg:#1a1200;
  --inv-bg:#fafafa;--inv-text:#18181b;
}

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{
  background:var(--bg);color:var(--text);
  font-family:'Nunito Sans',sans-serif;font-size:15px;line-height:1.65;
  min-height:100vh;overflow-x:hidden;cursor:none;
  transition:background .3s,color .3s;
}
.cursor{
  position:fixed;width:10px;height:10px;background:var(--purple);
  border-radius:50%;pointer-events:none;z-index:99999;
  transition:width .18s,height .18s,opacity .18s,transform .18s;
}
.cursor.big{width:26px;height:26px;opacity:.3;transform:translate(-8px,-8px)}
.dot-bg{
  position:fixed;inset:0;
  background-image:radial-gradient(circle,var(--border) 1px,transparent 1px);
  background-size:28px 28px;opacity:.55;pointer-events:none;z-index:0;
}
.nav{
  position:sticky;top:0;z-index:200;
  display:flex;align-items:center;justify-content:space-between;
  padding:0 40px;height:60px;
  background:var(--bg);border-bottom:1px solid var(--border);
  transition:background .3s,border-color .3s;
}
.logo{
  font-family:'Nunito',sans-serif;font-weight:900;font-size:15px;
  letter-spacing:-.02em;color:var(--text);text-decoration:none;
  display:flex;align-items:center;
}
.logo-struck{position:relative;color:var(--faint)}
.logo-struck::after{
  content:'';position:absolute;left:0;right:0;top:52%;
  height:2.5px;background:var(--purple);border-radius:2px;
}
.logo-pip{
  display:inline-block;width:6px;height:6px;background:var(--purple);
  border-radius:50%;margin-left:5px;animation:blink 1.4s ease infinite;
  vertical-align:middle;
}
.nav-links{display:flex;gap:2px;list-style:none}
.nav-links a{
  font-size:13px;font-weight:600;color:var(--muted);
  text-decoration:none;padding:6px 14px;border-radius:999px;
  transition:background .15s,color .15s;
}
.nav-links a:hover{background:var(--bg3);color:var(--text)}
.nav-right{display:flex;align-items:center;gap:12px}
.live-pill{
  display:flex;align-items:center;gap:6px;
  font-size:12px;font-weight:700;color:var(--green);
  background:var(--green-bg);padding:5px 13px;border-radius:999px;
}
.live-pip{width:6px;height:6px;border-radius:50%;background:var(--green);animation:pulse 2s infinite;flex-shrink:0}
.theme-track{
  width:42px;height:24px;background:var(--bg3);border:1.5px solid var(--border2);
  border-radius:999px;position:relative;cursor:none;
  transition:background .3s,border-color .3s;
}
[data-theme="dark"] .theme-track{background:var(--purple);border-color:var(--purple)}
.theme-thumb{
  position:absolute;width:18px;height:18px;background:var(--muted);
  border-radius:50%;top:2px;left:2px;transition:transform .3s,background .3s;
}
[data-theme="dark"] .theme-thumb{transform:translateX(18px);background:#fff}
.btn-nav{
  font-family:'Nunito',sans-serif;font-size:13px;font-weight:800;
  color:var(--inv-text);background:var(--inv-bg);
  border:none;padding:9px 22px;border-radius:999px;cursor:none;
  transition:opacity .2s;text-decoration:none;display:inline-block;
}
.btn-nav:hover{opacity:.8}
.ticker-wrap{
  overflow:hidden;border-bottom:1px solid var(--border);
  background:var(--bg2);padding:10px 0;position:relative;z-index:1;
}
.ticker-inner{display:flex;white-space:nowrap;animation:ticker 42s linear infinite}
.ticker-inner:hover{animation-play-state:paused}
.tick{
  display:inline-flex;align-items:center;gap:8px;
  padding:0 24px;font-size:12px;font-weight:600;color:var(--muted);
  border-right:1px solid var(--border);
}
.tick .tn{color:var(--text2)}.tick .tv{color:var(--purple);font-weight:700}
.section-lbl{
  display:flex;align-items:center;justify-content:space-between;
  padding:18px 40px;border-bottom:1px solid var(--border);
  font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;
  color:var(--faint);position:relative;z-index:1;
}
.section-lbl span{color:var(--muted)}
.btn-primary{
  font-family:'Nunito',sans-serif;font-size:15px;font-weight:800;
  color:var(--inv-text);background:var(--inv-bg);
  border:none;padding:15px 30px;border-radius:16px;cursor:none;
  transition:opacity .2s,transform .1s;text-decoration:none;
  display:inline-block;text-align:center;
}
.btn-primary:hover{opacity:.82}.btn-primary:active{transform:scale(.97)}
.btn-outline{
  font-family:'Nunito',sans-serif;font-size:14px;font-weight:700;
  color:var(--text2);background:transparent;border:2px solid var(--border2);
  padding:13px 26px;border-radius:16px;cursor:none;
  transition:border-color .2s,color .2s;text-decoration:none;
  display:inline-block;text-align:center;
}
.btn-outline:hover{border-color:var(--purple);color:var(--purple)}
.btn-purple{
  font-family:'Nunito',sans-serif;font-size:13px;font-weight:800;
  color:#fff;background:var(--purple);border:none;
  padding:10px 22px;border-radius:999px;cursor:none;transition:opacity .2s;
  text-decoration:none;display:inline-block;
}
.btn-purple:hover{opacity:.82}
.site-footer{
  display:flex;align-items:center;justify-content:space-between;
  padding:28px 40px;position:relative;z-index:1;
  border-top:1px solid var(--border);
}
.footer-l{font-size:12px;font-weight:500;color:var(--faint);line-height:2}
.footer-r a{font-family:'Nunito',sans-serif;font-size:13px;font-weight:800;color:var(--purple);text-decoration:none}
.footer-r a:hover{text-decoration:underline}
@keyframes blink{0%,100%{opacity:1}50%{opacity:0}}
@keyframes pulse{0%,100%{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.4)}}
@keyframes ticker{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
@keyframes fadeUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
@keyframes spin{to{transform:rotate(360deg)}}
.fu{animation:fadeUp .65s ease forwards;opacity:0}
.d1{animation-delay:.05s}.d2{animation-delay:.15s}.d3{animation-delay:.28s}
.d4{animation-delay:.42s}.d5{animation-delay:.56s}.d6{animation-delay:.7s}
@media(max-width:960px){.nav{padding:0 20px}.nav-links{display:none}.section-lbl,.site-footer{padding-left:20px;padding-right:20px}}
/* LOGO SVG theme */
.logo-bg{fill:var(--bg)}
.logo-glyph{fill:var(--purple)}