:root{--bg:#0d1620;--panel:#111b26;--text:#e7ecf2;--muted:#9db0c2;--accent:#c9a86a;--accent-ink:#241b05;--ring:rgba(201,168,106,.35);--radius:14px;--pad:16px;--max:1100px}*{box-sizing:border-box}body,html{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.container{max-width:var(--max);padding:0 var(--pad);margin:0 auto}main{padding:20px 0 60px}h1{font-size:clamp(1.6rem,1.2rem + 1.6vw,2.1rem);margin:0 0 12px}h2{font-size:clamp(1.2rem,1rem + 1vw,1.6rem);margin:0 0 10px}.muted{color:var(--muted)}.nav{background:linear-gradient(180deg,#0f1a25,#0c1620);border-bottom:1px solid var(--ring)}.nav .bar{display:flex;align-items:center;gap:14px;padding:12px var(--pad)}.brand{font-weight:800;letter-spacing:.06em}.nav a{color:var(--text);text-decoration:none;opacity:.9}.nav a:hover{opacity:1}ul.reset{list-style:none;margin:0;padding:0}.grid{display:grid;grid-gap:16px;gap:16px}@media (min-width:700px){.grid-2{grid-template-columns:1fr 1fr}}.card{background:var(--panel);border:1px solid var(--ring);border-radius:var(--radius);padding:14px}.btn{display:inline-block;background:var(--accent);color:var(--accent-ink);border-radius:10px;padding:.55rem .9rem;font-weight:700;text-decoration:none}.btn:active{transform:translateY(1px)}