:root{--y:#F5C518;--bg:#0B0A06;--panel:#16140C;--t:#EDEAE0;--m:#A9A491}
*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--t);font:17px/1.6 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}
a{color:var(--y)}header{border-bottom:3px solid var(--y);padding:18px 20px}header .in,main,footer .in{max-width:860px;margin:0 auto}
header .in{display:flex;align-items:center;gap:14px}header img{width:46px;height:46px}header b{font-size:22px;letter-spacing:2px}
nav{margin-left:auto;display:flex;gap:16px;font-size:15px}nav a{color:var(--t);text-decoration:none}nav a:hover{color:var(--y)}
main{padding:28px 20px 50px}h1{font-size:34px;line-height:1.15;margin:.2em 0 .4em}h2{font-size:21px;margin-top:1.8em;color:var(--y)}
.card{background:var(--panel);border-left:4px solid var(--y);padding:16px 20px;margin:20px 0}
.btn{display:inline-block;background:var(--y);color:#111;font-weight:700;padding:10px 18px;text-decoration:none;margin-top:8px}
footer{border-top:1px solid #2a2618;color:var(--m);font-size:14px;padding:18px 20px}small{color:var(--m)}
@media(max-width:600px){nav{gap:10px;font-size:14px}h1{font-size:28px}header b{font-size:18px}}