:root{--bg:#140d08;--card:#f6f0e2;--ink:#2a1d12;--muted:#6b5a47;--accent:#e3a712;--blue:#002d62;--red:#ce1126}
*{box-sizing:border-box}
html,body{margin:0;background:var(--bg);color:var(--ink);font:17px/1.6 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
body{background:radial-gradient(ellipse at top,#3a2414 0%,var(--bg) 60%) fixed;min-height:100vh;padding:24px 16px 48px}
.top{max-width:760px;margin:0 auto 18px;display:flex;align-items:center;gap:12px;color:#f4ead6}
.top img{width:46px;height:46px;border-radius:12px}
.top a{color:#f4ead6;text-decoration:none;font:700 22px Georgia,serif}
main{max-width:760px;margin:0 auto;background:var(--card);border-radius:16px;padding:28px clamp(18px,4vw,40px);box-shadow:0 12px 40px #000a}
h1{font:700 clamp(28px,5vw,38px)/1.15 Georgia,serif;margin:0 0 8px}
h2{font:700 22px/1.25 Georgia,serif;margin:28px 0 8px;padding-top:8px;border-top:1px solid #0001}
p,li{color:var(--ink)}
.lead{color:var(--muted);font-size:18px;margin-top:0}
ul{padding-left:22px}li{margin:4px 0}
b{color:#000}
.flag{height:6px;border-radius:3px;background:linear-gradient(90deg,var(--blue) 0 33%,#fff 33% 67%,var(--red) 67%);margin:14px 0 4px}
.play{display:inline-block;margin-top:22px;background:var(--accent);color:#1b1206;font-weight:800;text-decoration:none;padding:12px 24px;border-radius:12px;box-shadow:0 4px 0 #a87a08}
.play:active{transform:translateY(2px);box-shadow:0 2px 0 #a87a08}
.note{background:#fff8e3;border-left:4px solid var(--accent);padding:10px 14px;border-radius:6px}
footer{max-width:760px;margin:18px auto 0;text-align:center;color:#c9b89c;font-size:14px}
footer a{color:#f1d79a}