*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:#0b0b0b;color:#fff;font-family:Arial,Tahoma,sans-serif;line-height:1.8}
a{color:inherit;text-decoration:none}
img{display:block;height:auto;width:100%}
.topbar{background:rgba(0,0,0,.92);border-bottom:1px solid #2b2412;position:sticky;top:0;z-index:10}
.nav{align-items:center;display:flex;gap:22px;justify-content:space-between;margin:auto;max-width:1200px;padding:14px 5%;width:100%}
.brand{color:#ffcc00;font-size:22px;font-weight:800;letter-spacing:.2px}
.menu{display:flex;flex-wrap:wrap;gap:14px;justify-content:flex-end}
.menu a{color:#ddd;font-size:15px}
.menu a:hover,.menu a:focus{color:#ffcc00}
.hero{align-items:center;background:linear-gradient(rgba(0,0,0,.68),rgba(0,0,0,.84)),url("images/hero-banner.jpg") center/cover;display:flex;min-height:82vh;text-align:center}
.hero.slim{background:linear-gradient(rgba(0,0,0,.72),rgba(0,0,0,.88)),url("../images/hero-banner.jpg") center/cover;min-height:54vh}
.container{margin:auto;max-width:1200px;padding:0 5%;width:100%}
.eyebrow{border:1px solid #8d6a18;border-radius:999px;color:#ffdc69;display:inline-block;font-size:14px;margin-bottom:18px;padding:6px 16px}
h1{color:#ffcc00;font-size:52px;line-height:1.25;margin-bottom:20px}
h2{color:#ffcc00;font-size:36px;line-height:1.35;margin-bottom:18px}
h3{color:#ffcc00;font-size:24px;margin-bottom:10px}
p{color:#ddd;margin-bottom:16px}
.lead{font-size:21px;margin-left:auto;margin-right:auto;max-width:900px}
.btns{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;margin-top:28px}
.btn{border-radius:10px;display:inline-block;font-weight:800;padding:14px 28px}
.btn.primary{background:#ffcc00;color:#000}
.btn.secondary{border:2px solid #ffcc00;color:#ffcc00}
section{padding:72px 0}
.grid{display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}
.card{background:#171717;border:1px solid #2a2a2a;border-radius:14px;overflow:hidden}
.card-body{padding:24px}
.panel{background:#151515;border:1px solid #2a2a2a;border-radius:16px;padding:32px}
.list{color:#ddd;margin-left:22px}
.list li{margin-bottom:10px}
.toc{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
.toc a{background:#151515;border:1px solid #3c3217;border-radius:999px;color:#ffdc69;padding:8px 14px}
.faq-item{background:#171717;border:1px solid #2a2a2a;border-radius:14px;margin-bottom:16px;padding:24px}
.notice{color:#aaa;font-size:14px;margin-top:18px}
.footer{background:#000;border-top:1px solid #252525;color:#999;padding:38px 5%;text-align:center}
.footer-links{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;margin-bottom:16px}
.footer-links a{color:#bbb}
@media(max-width:760px){.nav{align-items:flex-start;flex-direction:column}.menu{justify-content:flex-start}h1{font-size:34px}h2{font-size:28px}.lead{font-size:18px}section{padding:52px 0}.panel{padding:24px}.hero{min-height:76vh}}
