:root{--bg:#071018;--bg2:#0d1c28;--text:#f4f1ea;--muted:#a9b6c2;--accent:#3ecfbf;--line:rgba(255,255,255,.1)}
*{box-sizing:border-box}body{margin:0;font-family:system-ui,Segoe UI,sans-serif;background:linear-gradient(180deg,var(--bg),var(--bg2));color:var(--text);line-height:1.65}
a{color:var(--accent)}header,footer{padding:1rem clamp(1rem,4vw,2.5rem);border-color:var(--line)}
header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}
.logo{display:flex;gap:.6rem;align-items:center;text-decoration:none;color:var(--text);font-weight:700}
.logo img{width:36px;height:36px;border-radius:9px}
.wrap{max-width:720px;margin:0 auto;padding:2.2rem clamp(1rem,4vw,2rem) 3.5rem}
h1{font-size:clamp(1.6rem,3vw,2.1rem);margin:0 0 .8rem}h2{font-size:1.15rem;margin:1.6rem 0 .5rem;color:var(--accent)}
p,li{color:var(--muted)}footer{border-top:1px solid var(--line);color:var(--muted);font-size:.9rem}
footer a{color:var(--muted);text-decoration:none}footer a:hover{color:var(--text)}