/* Deep Space theme for document pages (support, privacy, terms) */
:root{--bg:#000;--fg:#f5f3ff;--muted:#a19fb8;--line:rgba(255,255,255,.1);--grad:linear-gradient(100deg,#ffb36b,#ff5e9c 40%,#8a5bff 70%,#4da3ff)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;min-height:100vh;background:var(--bg);color:var(--fg);font:300 17px/1.7 Sora,-apple-system,BlinkMacSystemFont,"Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:inherit;text-decoration:none}
::selection{background:#b14dff;color:#fff}

/* starfield + nebula, pure CSS */
body::before{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;
  background:
    radial-gradient(1px 1px at 12% 18%,#fff,transparent),radial-gradient(1px 1px at 72% 12%,#fff,transparent),
    radial-gradient(1.5px 1.5px at 38% 62%,#fff,transparent),radial-gradient(1px 1px at 86% 48%,#fff,transparent),
    radial-gradient(1px 1px at 22% 82%,#fff,transparent),radial-gradient(1.5px 1.5px at 58% 28%,#fff,transparent),
    radial-gradient(1px 1px at 92% 88%,#fff,transparent),radial-gradient(1px 1px at 6% 52%,#fff,transparent),
    radial-gradient(1px 1px at 48% 92%,#fff,transparent),radial-gradient(1px 1px at 66% 74%,#fff,transparent);
  background-size:420px 420px;opacity:.55;animation:drift 120s linear infinite}
body::after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;
  background:radial-gradient(ellipse 60% 40% at 85% 0%,rgba(138,91,255,.28),transparent 70%),radial-gradient(ellipse 50% 35% at 0% 100%,rgba(255,94,156,.18),transparent 70%)}
@keyframes drift{to{background-position:420px 840px}}

/* nav */
.nav{position:sticky;top:0;z-index:50;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:22px 34px;background:linear-gradient(#000 30%,transparent)}
.brand{display:flex;align-items:center;gap:12px;font-weight:600;letter-spacing:.02em}
.orb{width:22px;height:22px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#fff,#ffb36b 25%,#ff5e9c 55%,#5b2bff 100%);box-shadow:0 0 22px rgba(255,94,156,.8);position:relative;flex:none}
.orb::after{content:"";position:absolute;inset:-6px -10px;border:1px solid rgba(255,255,255,.5);border-radius:50%;transform:rotate(-25deg) scaleY(.35)}
.nav nav{display:flex;gap:6px;padding:6px;border-radius:999px;border:1px solid var(--line);background:rgba(0,0,0,.35);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.nav nav a{font-size:14px;padding:8px 16px;border-radius:999px;color:var(--muted);transition:color .25s,background .25s}
.nav nav a:hover,.nav nav a[aria-current]{color:#fff;background:rgba(255,255,255,.08)}

/* document */
.doc{max-width:760px;margin:0 auto;padding:80px 24px 120px;animation:rise 1s cubic-bezier(.16,1,.3,1) both}
@keyframes rise{from{opacity:0;transform:translateY(30px);filter:blur(8px)}to{opacity:1;transform:none;filter:none}}
.doc h1{font-weight:800;font-size:clamp(44px,7vw,88px);line-height:.95;letter-spacing:-.05em;margin:0 0 18px;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.doc .meta{font-size:13px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);margin:0 0 56px;padding-bottom:28px;border-bottom:1px solid var(--line)}
.doc h2{font-weight:600;font-size:22px;letter-spacing:-.02em;color:#fff;margin:48px 0 12px;display:flex;align-items:center;gap:12px}
.doc h2::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--grad);box-shadow:0 0 12px rgba(255,94,156,.8);flex:none}
.doc p,.doc li{color:#c4c2d8}
.doc ul{padding-left:20px}
.doc li{margin:6px 0}
.doc li::marker{color:#ff5e9c}
.doc a{color:#fff;border-bottom:1px solid rgba(255,94,156,.6);transition:border-color .2s,color .2s}
.doc a:hover{color:#ffb36b;border-color:#ffb36b}

/* footer */
footer{border-top:1px solid var(--line);padding:40px 34px 50px;display:grid;grid-template-columns:2fr 1fr;gap:24px;color:var(--muted);font-size:14px}
footer strong{color:#fff;font-weight:600}
footer a:hover{color:#fff}
.fl{display:flex;gap:22px;justify-content:flex-end;flex-wrap:wrap}
.copy{grid-column:1/-1;margin:0;font-size:13px;opacity:.6}

@media (max-width:760px){
  .nav{padding:18px 20px}
  .nav nav a{padding:7px 11px;font-size:13px}
  .doc{padding-top:48px}
  footer{grid-template-columns:1fr;padding:34px 20px 44px}
  .fl{justify-content:flex-start}
}
@media (max-width:420px){.brand span.txt{display:none}}
@media (prefers-reduced-motion:reduce){body::before,.doc{animation:none}}