:root{color-scheme:dark;--bg:#07111d;--panel:#0e2132;--text:#eaf7ff;--muted:#9fc2d8;--accent:#08c7f7;--accent2:#8a65ff}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 15% 0,#123754,var(--bg) 35rem);color:var(--text);font:16px/1.65 system-ui,sans-serif}header,main,footer{max-width:1080px;margin:auto;padding:1.25rem}header{display:flex;gap:1rem;align-items:center;justify-content:space-between}.brand{font-weight:800;color:var(--text);text-decoration:none}nav{display:flex;gap:1rem;flex-wrap:wrap}a{color:var(--accent)}main{background:color-mix(in srgb,var(--panel) 86%,transparent);border:1px solid #24455d;border-radius:18px;margin-top:1rem;padding:clamp(1.2rem,4vw,3rem);box-shadow:0 24px 80px #0008}h1,h2,h3{line-height:1.2}h1{font-size:clamp(2rem,6vw,4.2rem);background:linear-gradient(90deg,var(--accent),var(--accent2));color:transparent;background-clip:text}pre{overflow:auto;padding:1rem;border-radius:10px;background:#02070d;border:1px solid #24455d}code{font-family:ui-monospace,monospace}blockquote{border-left:4px solid var(--accent2);margin-left:0;padding-left:1rem;color:var(--muted)}footer{color:var(--muted);font-size:.9rem}@media(max-width:700px){header{align-items:flex-start;flex-direction:column}}