:root { color-scheme: dark; --ink:#e8ebfa; --accent:#8fa8ff; --glow:#b9c8ff; --deep:#0b0a1f; --card:#171632; }
* { box-sizing:border-box; }
body { margin:0; font:17px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; color:var(--ink); background:linear-gradient(165deg,#141232,var(--deep) 62%); min-height:100vh; }
main { width:min(880px,calc(100% - 36px)); margin:0 auto; padding:64px 0 80px; }
header { display:flex; align-items:center; gap:24px; margin-bottom:44px; }
.icon { width:112px; height:112px; border-radius:25px; box-shadow:0 14px 44px #4a5dff40; }
h1 { margin:0; font-size:clamp(38px,7vw,66px); line-height:1.02; letter-spacing:-.03em; color:#fff; text-shadow:0 0 32px #7d95ff66; }
h2 { margin-top:42px; color:var(--accent); }
p.lead { font-size:22px; max-width:700px; color:var(--glow); }
.card { background:var(--card); border:1px solid #ffffff14; border-radius:22px; padding:24px 28px; margin:18px 0; box-shadow:0 12px 34px #00000059; }
.pill { display:inline-block; background:#2b2a55; color:var(--glow); border-radius:999px; padding:6px 13px; font-weight:750; }
a { color:var(--accent); font-weight:700; }
nav { display:flex; gap:18px; flex-wrap:wrap; margin-top:34px; }
footer { margin-top:50px; opacity:.55; font-size:14px; }
@media (max-width:620px) { main{padding-top:34px} header{align-items:flex-start}.icon{width:84px;height:84px;border-radius:19px}.card{padding:20px} }