:root { --bg: #080a1e; --panel: #0e1234; --text: #e6f6ff; --dim: #8c97c8; --cyan: #5ff3ff; --violet: #9655ff; }
* { box-sizing: border-box; }
body { margin: 0; background: radial-gradient(ellipse at top, #1a1f55 0%, var(--bg) 60%) fixed; color: var(--text);
  font: 16px/1.65 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; }
main { max-width: 760px; margin: 0 auto; padding: 32px 18px 64px; }
h1 { font-size: 2rem; letter-spacing: .04em; margin: .4em 0 .1em; }
h2 { font-size: 1.15rem; color: var(--cyan); margin-top: 1.8em; }
a { color: var(--cyan); }
code { background: var(--panel); padding: 1px 6px; border-radius: 4px; }
.meta { color: var(--dim); font-size: .9rem; }
.back { text-decoration: none; font-size: .95rem; }
.home { text-align: center; padding-top: 48px; }
.logo { width: 100%; max-width: 560px; height: auto; }
.tag { color: var(--cyan); font-size: 1.15rem; }
nav { display: flex; gap: 20px; justify-content: center; flex-wrap: wrap; margin-top: 28px; }
nav a { border: 1px solid var(--violet); border-radius: 12px; padding: 10px 18px; text-decoration: none; }