*,:after,:before{box-sizing:border-box}*{margin:0;padding:0}body{min-height:100vh}:root{--color-bg:#0a0a0f;--color-surface:#16161f;--color-text:#e8e8ed;--color-text-muted:#9898a8;--color-accent:#6c9fff;--space-1:8px;--space-2:16px;--space-3:24px;--space-4:32px;--space-5:48px;--space-6:64px;--space-8:80px;--space-12:96px}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:16px;font-weight:400;line-height:1.6;color:var(--color-text);background:var(--color-bg)}h1{font-size:36px;font-weight:700;line-height:1.1}h2{font-size:20px;line-height:1.3}h2,h3{font-weight:600}h3{font-size:18px;line-height:1.4}p{margin-bottom:var(--space-2)}a{color:var(--color-accent)}main>section{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:calc(100vh - 60px);text-align:center;padding:var(--space-8) var(--space-3)}main>section h1{font-size:36px;font-weight:700;line-height:1.1;margin-bottom:var(--space-3)}main>section p{color:var(--color-text-muted);font-size:18px;margin-bottom:0}nav{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;justify-content:space-between;align-items:center;background:var(--color-surface);padding:var(--space-2) var(--space-3)}nav a{color:var(--color-text);text-decoration:none;font-size:14px;font-weight:400;transition:color .2s ease}nav a:focus,nav a:hover{color:var(--color-accent)}nav a:first-child{font-size:18px;font-weight:700}body{padding-top:60px}footer{border-top:1px solid var(--color-surface);padding:var(--space-4) var(--space-3);text-align:center;font-size:14px;color:var(--color-text-muted)}main:not(:has(>section)){max-width:720px;margin-left:auto;margin-right:auto;padding-top:var(--space-4);padding-left:var(--space-3);padding-right:var(--space-3)}main:not(:has(>section)) h1{margin-bottom:var(--space-3)}main:not(:has(>section)) h2{margin-top:var(--space-5)}main:not(:has(>section)) ul{padding-left:var(--space-3)}main:not(:has(>section)) li{margin-bottom:var(--space-1)}main:not(:has(>section)) a{color:var(--color-accent);text-decoration:none}main:not(:has(>section)) a:hover{text-decoration:underline}nav{flex-direction:column;gap:var(--space-1);text-align:center}@media (min-width:768px){nav{flex-direction:row;gap:0;text-align:left}nav a{font-size:15px}nav a:first-child{font-size:20px}main>section{padding:var(--space-12) var(--space-6)}main>section h1{font-size:56px}h1{font-size:32px}h2{font-size:24px}h3{font-size:20px}main:not(:has(>section)){padding-left:var(--space-4);padding-right:var(--space-4)}}