:root { color-scheme: dark; --night:#090b1d; --panel:#12162d; --paper:#fff3d6; --muted:#bbb9c9; --amber:#ffb13b; --jade:#58cf9b; --line:rgba(255,243,214,.16); --serif:Georgia,"Times New Roman",serif; --sans:Inter,system-ui,sans-serif; }
* { box-sizing: border-box; }
body { margin: 0; min-width: 320px; background: var(--night); color: var(--paper); font-family: var(--sans); line-height: 1.75; }
a { color: var(--jade); }
header, footer { min-height: 72px; padding: 0 clamp(18px,5vw,70px); display: flex; align-items: center; justify-content: space-between; gap: 24px; border-bottom: 1px solid var(--line); }
header > a, footer > a { color: var(--paper); text-decoration: none; font: 700 1rem var(--serif); }
nav { display: flex; flex-wrap: wrap; gap: 16px 26px; }
nav a { color: var(--muted); text-decoration: none; font-size: .72rem; text-transform: uppercase; letter-spacing: .08em; }
main { width: min(860px, calc(100% - 40px)); min-height: calc(100vh - 190px); margin: 0 auto; padding: clamp(60px,9vw,110px) 0; }
.eyebrow { color: var(--jade); font-size: .68rem; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; }
h1 { max-width: 760px; margin: 12px 0 26px; font: 500 clamp(2.8rem,7vw,5.6rem)/.95 var(--serif); letter-spacing: -.05em; }
h2 { margin: 42px 0 12px; font: 600 clamp(1.5rem,3vw,2.1rem) var(--serif); }
p, li { color: var(--muted); }
strong { color: var(--paper); }
.notice { margin: 28px 0; padding: 18px 20px; border-left: 3px solid var(--amber); background: var(--panel); }
.button-link, button { display: inline-block; min-height: 44px; margin: 8px 8px 8px 0; padding: 9px 15px; border: 1px solid var(--amber); color: var(--night); background: var(--amber); font-weight: 800; text-decoration: none; cursor: pointer; }
footer { min-height: 100px; border-top: 1px solid var(--line); border-bottom: 0; }
@media (max-width: 620px) { header { align-items:flex-start; flex-direction:column; padding-top:18px; padding-bottom:18px; } h1 { font-size: 3rem; } footer { align-items:flex-start; flex-direction:column; padding-top:28px; padding-bottom:28px; } }