:root { color-scheme: dark; --bg:#07131f; --surface:#0b1c2a; --ink:#f0dfbe; --muted:#a8b1b5; --line:rgba(232,205,162,.24); --coral:#ff6d5a; --cyan:#67e8f9; }
* { box-sizing: border-box; }
html { background: var(--bg); }
body { margin:0; min-width:320px; background:var(--bg); color:var(--ink); font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
a { color:var(--cyan); text-underline-offset:3px; }
header, footer { min-height:68px; padding:0 clamp(18px,5vw,72px); display:flex; align-items:center; justify-content:space-between; gap:24px; border-bottom:1px solid var(--line); }
header a { color:var(--ink); font:700 1rem Georgia,serif; text-decoration:none; }
header nav, footer nav { display:flex; flex-wrap:wrap; gap:18px; }
header nav a, footer a { color:var(--muted); font:650 .72rem ui-monospace,SFMono-Regular,Menlo,monospace; }
main { max-width:850px; min-height:calc(100vh - 180px); margin:0 auto; padding:clamp(54px,8vw,100px) 22px; }
h1 { max-width:760px; margin:0 0 24px; font:500 clamp(2.6rem,7vw,5rem)/1 Georgia,serif; letter-spacing:-.04em; }
h2 { margin:44px 0 12px; font:500 1.55rem Georgia,serif; }
p, li { color:var(--muted); line-height:1.75; }
.back { display:inline-block; margin-top:38px; padding:13px 18px; border:1px solid var(--coral); color:var(--ink); text-decoration:none; }
footer { border-top:1px solid var(--line); border-bottom:0; color:var(--muted); font-size:.72rem; }
@media(max-width:640px){ header nav{display:none} footer{padding:28px 18px;align-items:flex-start;flex-direction:column} }