:root{color-scheme:dark;--bg:#081a13;--panel:#10251c;--text:#f3f0df;--muted:#bfd0c0;--gold:#ead19a;--line:#34533e}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:1rem/1.8 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:var(--gold);text-underline-offset:.25em}a:hover{color:#fff}a:focus-visible{outline:2px solid var(--gold);outline-offset:5px}header,main,footer{width:min(100% - 3rem,1080px);margin:auto}header{display:flex;justify-content:space-between;align-items:center;gap:1.5rem;padding:1.5rem 0;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:.75rem;color:var(--text);text-decoration:none;font-weight:650;overflow-wrap:anywhere}.brand img{width:44px;height:44px;border-radius:12px}nav{display:flex;flex-wrap:wrap;gap:.5rem 1.5rem;font-size:.9rem}nav [aria-current]{color:#fff}.hero{display:grid;grid-template-columns:1fr 230px;gap:4rem;align-items:center;padding:4rem 0}.hero img{width:230px;height:230px;border-radius:48px;border:1px solid var(--line)}.eyebrow{color:var(--gold);font-size:.875rem;letter-spacing:.09em;text-transform:uppercase;margin:0 0 .8rem}h1{font-size:clamp(2.25rem,5vw,3.8rem);line-height:1.14;letter-spacing:-.035em;margin:0 0 1.5rem;overflow-wrap:anywhere}h2{font-size:1.4rem;line-height:1.45;margin:0 0 .65rem}h3{font-size:1.05rem;line-height:1.5;margin:0 0 .5rem}p{margin:.5rem 0 1rem}.lead{font-size:1.125rem;color:var(--muted);max-width:650px}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.panel{background:var(--panel);border:1px solid var(--line);padding:2rem;border-radius:20px}.panel p:last-child{margin-bottom:0}.note{margin:2rem 0 3rem;padding:1.5rem 0;border-top:1px solid var(--line);color:var(--muted)}.document{max-width:790px;margin:3rem auto}.document h1{font-size:clamp(2.1rem,5vw,3.25rem)}.document section{margin:2.25rem 0}.document ul{padding-left:1.5rem}.document li{margin:.6rem 0}.meta{font-size:.875rem;color:var(--muted)}footer{display:flex;justify-content:space-between;flex-wrap:wrap;gap:1rem;border-top:1px solid var(--line);padding:1.5rem 0 2.5rem;font-size:.875rem;color:var(--muted)}footer a{overflow-wrap:anywhere} @media(max-width:700px){header{align-items:flex-start;flex-direction:column;gap:1rem}.hero{grid-template-columns:1fr;gap:1.5rem;padding:2.5rem 0}.hero img{width:128px;height:128px;border-radius:28px;grid-row:1}.grid{grid-template-columns:1fr}.panel{padding:1.5rem}.document{margin:2.5rem auto}nav{gap:.5rem 1rem}}
