:root{--bg:#07090f;--surface:#0d1117;--border:#1e2535;--text:#fff;--muted:#8a9ab5;--accent:#FFC200}
*{box-sizing:border-box;margin:0;padding:0}
body{background:var(--bg);background-image:radial-gradient(ellipse 80% 60% at 70% 35%,#0d2a48 0%,#091525 38%,#07090f 75%);background-attachment:fixed;color:var(--text);font-family:system-ui,-apple-system,Segoe UI,sans-serif;font-weight:300;min-height:100vh;line-height:1.65}
a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}
nav{display:flex;justify-content:space-between;align-items:center;padding:20px 1.25rem;border-bottom:1px solid var(--border);background:rgba(7,9,15,.82)}
nav .brand{font-weight:800;letter-spacing:.14em;text-transform:uppercase;font-size:.85rem;color:var(--text)}
nav .links a{color:var(--muted);font-size:.75rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;margin-left:1.4rem}
main{max-width:820px;padding:3rem 1.25rem 4rem}
.eyebrow{font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:var(--accent);margin-bottom:.6rem;font-weight:700}
h1{font-weight:800;font-size:clamp(2rem,5vw,3rem);line-height:1.05;margin-bottom:1.4rem}
h2{font-size:1.25rem;margin:2rem 0 .6rem;font-weight:700}
p,li{color:#cdd6e6;margin-bottom:1.1rem;font-size:1.05rem}
ul{padding-left:1.3rem}
footer{border-top:1px solid var(--border);padding:2rem 1.25rem;color:var(--muted);font-size:.85rem}