:root{--bg:#0f1115;--surface:#181b22;--border:#2a2f3a;--text:#e8eaed;--muted:#a9b0bc;--accent:#3ea6ff;--on-accent:#04121f;--focus:#ffd166;--radius:10px;--content-width:42rem}*,:before,:after{box-sizing:border-box}body{background:var(--bg);color:var(--text);-webkit-text-size-adjust:100%;margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6}main{max-width:var(--content-width);margin:0 auto;padding:1.5rem 1rem 3rem}h1,h2,h3{line-height:1.25}a{color:var(--accent)}:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.skip-link{z-index:10;background:var(--focus);color:#000;border-radius:var(--radius);padding:.75rem 1rem;position:absolute;top:-4rem;left:.5rem}.skip-link:focus{top:.5rem}.button{background:var(--accent);min-height:44px;color:var(--on-accent);border-radius:var(--radius);justify-content:center;align-items:center;padding:.5rem 1.25rem;font-weight:600;text-decoration:none;display:inline-flex}.button-secondary{color:var(--accent);border:2px solid var(--accent);background:0 0}.button:hover{filter:brightness(1.1)}