:root { color-scheme: dark; --ink:#08080d; --panel:#141319; --paper:#f4ede2; --acid:#d8ff00; --orange:#ff4b2a; --muted:#aaa6af; }
* { box-sizing: border-box; }
body { margin:0; min-height:100vh; background:radial-gradient(circle at 80% 0,#241337 0,transparent 42%),var(--ink); color:var(--paper); font:18px/1.55 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
main { width:min(760px,calc(100% - 36px)); margin:0 auto; padding:64px 0 80px; }
.hero { display:grid; grid-template-columns:112px 1fr; gap:24px; align-items:center; margin-bottom:48px; }
.icon { width:112px; height:112px; border-radius:24px; box-shadow:0 16px 48px #000; }
h1,h2 { margin:0; letter-spacing:-.03em; }
h1 { color:var(--acid); font-size:clamp(42px,8vw,72px); line-height:1; }
h2 { margin:42px 0 12px; color:var(--orange); font-size:28px; }
p,li { color:#d3ced7; }
a { color:var(--acid); }
.tag { display:inline-block; margin-top:12px; padding:7px 12px; border:1px solid #3d3a43; border-radius:999px; color:var(--muted); font-size:14px; }
.card { padding:22px; border:1px solid #3c3941; border-radius:18px; background:rgba(20,19,25,.84); }
nav { display:flex; flex-wrap:wrap; gap:18px; margin-top:42px; }
footer { margin-top:56px; color:#77727d; font-size:14px; }
@media (max-width:560px) { main{padding-top:36px}.hero{grid-template-columns:72px 1fr}.icon{width:72px;height:72px;border-radius:16px} }