:root{--bg:#05060f;--ink:#e6e8f5;--muted:#9aa0bf;--accent:#f5b942;--glow:#7c5cff;--card:rgba(18,20,40,.72);--line:rgba(255,255,255,.08)}
*{box-sizing:border-box}
html{background:var(--bg);min-height:100%}
body{font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Inter","Segoe UI",system-ui,sans-serif;max-width:760px;margin:56px auto;padding:44px 44px 32px;line-height:1.7;font-size:17px;color:var(--ink);
background:var(--card);border:1px solid var(--line);border-radius:24px;box-shadow:0 0 0 1px rgba(124,92,255,.08),0 30px 80px -20px rgba(124,92,255,.35),0 0 120px -40px rgba(245,185,66,.25);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);-webkit-font-smoothing:antialiased}
html{background:
radial-gradient(1px 1px at 12% 18%,#fff8,transparent),radial-gradient(1px 1px at 72% 12%,#fff9,transparent),radial-gradient(1.5px 1.5px at 38% 66%,#fff7,transparent),radial-gradient(1px 1px at 88% 52%,#fff8,transparent),radial-gradient(1px 1px at 22% 84%,#fff6,transparent),radial-gradient(1.5px 1.5px at 58% 38%,#fff6,transparent),radial-gradient(1px 1px at 6% 50%,#fff7,transparent),radial-gradient(1px 1px at 94% 88%,#fff7,transparent),
radial-gradient(60vmax 40vmax at 85% -10%,rgba(124,92,255,.28),transparent 60%),radial-gradient(50vmax 40vmax at -10% 110%,rgba(245,185,66,.14),transparent 60%),var(--bg);background-attachment:fixed}
h1{margin:0 0 .6em;font-size:clamp(2rem,5vw,3rem);line-height:1.1;letter-spacing:-.02em;font-weight:800;background:linear-gradient(120deg,#fff 20%,#ffd98a 60%,var(--accent));-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 18px rgba(245,185,66,.25))}
h1+p{font-size:1.15em;color:#f2f3fb}
h2{margin:2em 0 .4em;padding-top:1.2em;border-top:1px solid var(--line);font-size:1.15rem;letter-spacing:.01em;color:#fff}
h2::before{content:"";display:inline-block;width:8px;height:8px;margin:0 .6em .15em 0;border-radius:50%;background:var(--accent);box-shadow:0 0 10px var(--accent)}
p{margin:0 0 1.1em;color:var(--ink)}
strong{color:#fff}
a{color:var(--accent);text-decoration:none;border-bottom:1px solid rgba(245,185,66,.35);transition:color .15s,border-color .15s,text-shadow .15s}
a:hover,a:focus-visible{color:#ffd98a;border-color:#ffd98a;text-shadow:0 0 12px rgba(245,185,66,.5)}
body>p:last-of-type{margin-top:2em;padding-top:1.2em;border-top:1px solid var(--line);color:var(--muted)}
footer{margin-top:28px;padding-top:16px;border-top:1px solid var(--line);font-size:.85em;color:var(--muted);letter-spacing:.02em}
::selection{background:rgba(124,92,255,.5);color:#fff}
@media (max-width:640px){body{margin:0;min-height:100vh;border-radius:0;border:0;padding:32px 22px 28px;font-size:16px}h2{font-size:1.05rem}}
@media (prefers-reduced-motion:reduce){a{transition:none}}