:root{
  --bg:#000; --bg2:#0f0f0f; --bg3:#171717;
  --text:#eaeaea; --muted:#b4b4b4; --edge:#2a2a2a;
  --red:#ff1a1a; --red-2:#ff3b3b; --red-d:#c40000;
  --radius:14px; --shadow:0 10px 30px rgba(0,0,0,.5);
}
[data-theme="light"]{
  --bg:#ffffff; --bg2:#f5f5f5; --bg3:#ececec;
  --text:#0f0f0f; --muted:#4a4a4a; --edge:#d6d6d6;
  --red:#e00000; --red-2:#ff2e2e; --red-d:#b60000;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0; line-height:1.6; min-height:100dvh;
  background:radial-gradient(1200px 600px at 80% -10%,rgba(255,0,0,.06),transparent 60%),
             radial-gradient(1000px 600px at -10% 10%,rgba(255,255,255,.04),transparent 60%),
             var(--bg);
  color:var(--text);
  font-family:Poppins,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial;
}
.sr-only{position:absolute!important;width:1px;height:1px;clip:rect(1px,1px,1px,1px);overflow:hidden}

#loading{position:fixed;inset:0;display:grid;place-items:center;background:var(--bg);z-index:9999;transition:opacity .35s ease}
#loading.hidden{opacity:0;pointer-events:none}
.spinner{width:54px;height:54px;border-radius:50%;border:3px solid rgba(255,255,255,.12);border-top-color:var(--red);animation:spin .9s linear infinite}
.loading__text{margin-top:10px;color:var(--muted);font-weight:600;letter-spacing:.4px}
.loading__dots::after{content:"";animation:dots 1.1s infinite steps(4,end)}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes dots{0%{content:"."}33%{content:".."}66%{content:"..."}100%{content:""}}

#starfield{position:fixed;inset:0;z-index:-1;display:block}

@media (prefers-reduced-motion:reduce){
  *{animation:none!important;transition:none!important}
  #loading{display:none!important}
}