:root{--bg:#0D1F19;--bg2:#13221C;--card:#13221C;--line:rgba(246,240,232,.14);--text:#F6F0E8;--muted:#B9C9C0;--hot:#FF7A45;--hot2:#FF8A5B;--gold:#FF8A5B;--wa:#25d366}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--text);font:400 17px/1.7 Heebo,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;overflow-x:hidden}
h1,h2,h3{font-family:Rubik,Heebo,system-ui,sans-serif;line-height:1.25}
a{color:var(--gold)}
.wrap{max-width:820px;margin:0 auto;padding:0 16px}
.skip{position:absolute;inset-inline-start:-999px;top:8px;background:var(--gold);color:#000;padding:8px 14px;border-radius:10px;z-index:99}
.skip:focus{inset-inline-start:8px}
:focus-visible{outline:3px solid var(--gold);outline-offset:3px;border-radius:8px}
header.top{border-bottom:1px solid rgba(255,255,255,.06);background:rgba(13,31,25,.9)}
header.top .wrap{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:64px;max-width:1120px}
.brand{display:flex;align-items:center;gap:10px;min-height:44px;text-decoration:none;color:var(--text);font:800 19px Rubik,Heebo,sans-serif}
.brand img{width:38px;height:38px;border-radius:50%;border:2px solid var(--hot)}
.brand small{display:block;font:500 12.5px Heebo,sans-serif;color:var(--muted)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:12px 24px;border-radius:999px;font:700 16.5px/1.2 Heebo,sans-serif;text-decoration:none;border:0;cursor:pointer}
.btn-hot{background:var(--hot);color:#1A0A03}
.btn-wa{background:var(--wa);color:#05260e}
.btn-ghost{background:transparent;color:var(--text);border:1.5px solid #4a3f4d}
header.top .btn{min-height:44px;padding:9px 18px;font-size:15px}
main{padding:34px 0 50px}
main h1{font-size:clamp(28px,5vw,40px);margin:0 0 8px}
main h2{font-size:21px;margin:30px 0 8px}
main p,main li{color:#e9e0da}
main ul,main ol{padding-inline-start:22px}
main li{margin-bottom:6px}
.updated{color:var(--muted);font-size:15px;margin:0 0 20px}
.box{background:var(--card);border:1px solid var(--line);border-radius:22px;padding:22px}
footer{padding:26px 0 40px;color:var(--muted);font-size:14.5px;text-align:center;border-top:1px solid var(--line)}
footer a{color:var(--muted)}
footer nav{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;margin-bottom:8px}
footer nav a{min-height:44px;display:inline-flex;align-items:center}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}