*{box-sizing:border-box}
html,body{margin:0;padding:0;background:#0f0f0f;color:#eee;font-family:Inter,system-ui,Arial,sans-serif;line-height:1.75}
body{overflow-x:hidden}
a{color:#ffd54a;text-decoration:none}
a:hover{text-decoration:underline}
.container{max-width:1200px;margin:0 auto;padding:16px}
header{position:sticky;top:0;background:#161616;border-bottom:1px solid #222;z-index:50}
.navbar{display:flex;align-items:center;justify-content:space-between;gap:16px;height:64px}
.logo{display:flex;align-items:center;gap:8px;font-weight:900;font-size:20px}
.logo .brand{color:#ffd54a}
.logo .dot{color:#fff}
.nav{display:flex;align-items:center;gap:12px;white-space:nowrap}
.nav>a{padding:8px 10px;border-radius:10px}
.nav>a:hover{background:#212121}
.menu{position:relative}
.menu>button{background:#212121;border:1px solid #2a2a2a;color:#eee;border-radius:10px;padding:8px 10px;cursor:pointer}
.menu>button:hover{background:#252525}
.dropdown{position:absolute;top:110%;left:0;background:#1b1b1b;border:1px solid #2a2a2a;border-radius:12px;min-width:280px;padding:6px;display:none;max-height:70vh;overflow:auto}
.dropdown a{display:block;padding:10px 12px;border-radius:8px}
.dropdown a:hover{background:#252525}
.menu:focus-within .dropdown,.menu:hover .dropdown{display:block}
.menu-toggle{display:none}
@media (max-width:880px){
  .menu-toggle{display:inline-block;background:#212121;border:1px solid #2a2a2a;color:#eee;border-radius:10px;padding:8px 10px}
  .nav{display:none;position:absolute;top:64px;left:0;right:0;background:#161616;border-bottom:1px solid #222;padding:10px}
  .nav.open{display:block}
  .nav a{display:block;padding:10px 12px;border-radius:8px}
  .menu{width:100%}
  .dropdown{position:static;display:block;border:0;background:transparent;padding:0;max-height:none}
}
h1,h2,h3{color:#ffd54a;line-height:1.25}
h1{font-size:clamp(24px,3vw,36px);margin:16px 0}
h2{font-size:clamp(20px,2.5vw,28px);margin:20px 0 10px}
h3{font-size:clamp(18px,2vw,22px);margin:16px 0 8px}
p{margin:10px 0}
ul,ol{margin:10px 0 10px 20px}
.btn{display:inline-block;background:#ffd54a;color:#111;padding:10px 14px;border-radius:10px;font-weight:800;border:0}
.btn:hover{filter:brightness(0.95)}
.card{background:#141414;border:1px solid #222;border-radius:16px;padding:18px;margin:12px 0}
.small{opacity:.85}
blockquote{border-left:3px solid #333;padding-left:12px;color:#ccc}
table{width:100%;border-collapse:collapse;margin:10px 0}
td,th{border:1px solid #222;padding:8px;text-align:left}
footer{border-top:1px solid #222;background:#161616;margin-top:28px}
footer .footer-inner{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;padding:16px}
footer a{color:#ffd54a}
img.icon{height:20px;width:20px;vertical-align:-3px;margin-right:6px}