:root{--navy:#1a1a2e;--navy2:#23233f;--gold:#f5a623;--ink:#e8e8f2;--mut:#a9a9c4}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;background:var(--navy);color:var(--ink);font:16px/1.7 system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif}
.w{max-width:1000px;margin:0 auto;padding:0 18px}a{color:var(--gold)}
.top{position:sticky;top:0;z-index:10;background:#12122399;backdrop-filter:blur(8px);border-bottom:1px solid #ffffff14}
.bar{display:flex;align-items:center;gap:16px;padding-top:10px;padding-bottom:10px}
.logo{font-weight:800;font-size:1.3rem;color:#fff;text-decoration:none}.logo i{color:var(--gold);font-style:normal}
.top nav{display:flex;gap:14px;flex:1;overflow-x:auto;white-space:nowrap;scrollbar-width:none}
.top nav a,.fn a{color:var(--mut);text-decoration:none;font-size:.9rem}.top nav a:hover,.fn a:hover{color:var(--gold)}
.btn{display:inline-block;background:linear-gradient(135deg,#ffb83d,#f58a1f);color:#1a1a2e;font-weight:700;padding:13px 28px;border-radius:8px;text-decoration:none;box-shadow:0 4px 14px #f5a62340}
.btn:hover{filter:brightness(1.08)}.btn.alt{background:transparent;color:var(--gold);border:2px solid var(--gold);box-shadow:none;padding:11px 26px}.btn.sm{padding:8px 18px;font-size:.9rem}
.hero{padding:70px 0 50px;background:radial-gradient(circle at 80% 0,#3a2a5a 0,transparent 55%),var(--navy)}
h1{font-size:2.3rem;line-height:1.2;margin:0 0 18px;color:#fff}
h2{font-size:1.65rem;margin:0 0 16px;color:#fff}h2 span{color:var(--gold);margin-right:8px}
h3{font-size:1.15rem;color:var(--gold);margin:26px 0 8px}
section{padding:48px 0}section.alt{background:var(--navy2)}
.cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}
.tw{overflow-x:auto;margin:14px 0}table{width:100%;border-collapse:collapse;font-size:.95rem}
th,td{padding:10px 12px;text-align:left;border-bottom:1px solid #ffffff1a}th{background:#ffffff0f;color:var(--gold)}
ul,ol{padding-left:22px}li{margin:6px 0}
details{background:#ffffff0a;border:1px solid #ffffff14;border-radius:8px;margin:10px 0;padding:4px 16px}
summary{cursor:pointer;font-weight:600;padding:10px 0;color:#fff}details p{margin:0 0 12px;color:var(--mut)}
footer{background:#10101e;padding:36px 0;text-align:center;color:var(--mut);font-size:.9rem}
.fn{display:flex;flex-wrap:wrap;justify-content:center;gap:14px;margin-bottom:16px}.c{opacity:.7}
@media(max-width:640px){h1{font-size:1.65rem}.top nav{display:none}.bar{justify-content:space-between}.hero{padding:44px 0 32px}}
