*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:'Segoe UI',system-ui,-apple-system,Roboto,Arial,sans-serif;background:#0a0a0a;color:#e9e6d9;line-height:1.65;font-size:16px}
img{max-width:100%;height:auto;display:block;border-radius:12px}
a{color:#ffd447;text-decoration:none;transition:.2s}
a:hover{color:#25d366}
.container{max-width:1180px;margin:0 auto;padding:0 20px}
h1,h2,h3,h4{font-weight:800;line-height:1.25;color:#ffd447;margin:.6em 0 .4em;letter-spacing:.2px}
h1{font-size:clamp(1.8rem,4vw,2.6rem)}
h2{font-size:clamp(1.4rem,3vw,2rem);border-left:5px solid #25d366;padding-left:12px}
h3{font-size:1.2rem;color:#f5e6a4}
p,li{margin:.5em 0;color:#dcd6c4}
ul,ol{padding-left:22px}
/* Header */
.topbar{background:linear-gradient(90deg,#000,#0e2e1a);border-bottom:2px solid #ffd447;position:sticky;top:0;z-index:99}
.nav{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;max-width:1180px;margin:0 auto;flex-wrap:wrap;gap:10px}
.logo{display:flex;align-items:center;gap:10px;font-weight:900;color:#ffd447;font-size:1.15rem}
.logo img{width:40px;height:40px;border-radius:8px}
.nav ul{display:flex;list-style:none;gap:6px;flex-wrap:wrap;padding:0}
.nav ul a{color:#e9e6d9;padding:8px 12px;border-radius:6px;font-size:.92rem;font-weight:600}
.nav ul a:hover,.nav ul a.active{background:#ffd447;color:#000}
.menu-btn{display:none;background:#ffd447;color:#000;border:0;padding:8px 12px;border-radius:6px;font-weight:700;cursor:pointer}
@media(max-width:820px){.menu-btn{display:block}.nav ul{display:none;width:100%;flex-direction:column}.nav ul.open{display:flex}}
/* Hero */
.hero{background:radial-gradient(circle at 20% 20%,#1e5631 0%,#000 70%);padding:60px 20px;text-align:center}
.hero-inner{max-width:900px;margin:0 auto}
.hero img{margin:0 auto 20px;max-width:220px;box-shadow:0 10px 40px rgba(255,212,71,.35)}
.hero p{font-size:1.1rem;max-width:720px;margin:12px auto}
.btn{display:inline-block;background:linear-gradient(90deg,#ffd447,#f7b500);color:#000;padding:14px 30px;border-radius:50px;font-weight:800;font-size:1.05rem;margin:14px 6px;box-shadow:0 6px 18px rgba(255,212,71,.35);border:0;cursor:pointer}
.btn:hover{transform:translateY(-2px);color:#000}
.btn-green{background:linear-gradient(90deg,#25d366,#128c3f);color:#fff}
.btn-green:hover{color:#fff}
.badges{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:20px}
.badge{background:rgba(255,212,71,.12);border:1px solid #ffd447;color:#ffd447;padding:6px 14px;border-radius:30px;font-size:.85rem;font-weight:600}
/* Section */
section{padding:50px 0}
section.alt{background:#111}
.grid{display:grid;gap:20px}
.grid-3{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}
.card{background:#181818;border:1px solid #2a2a2a;border-left:4px solid #ffd447;padding:22px;border-radius:12px;transition:.25s}
.card:hover{transform:translateY(-4px);border-color:#25d366}
.card h3{margin-top:0}
.step{background:#111;padding:18px 22px;border-radius:10px;margin:12px 0;border-left:4px solid #25d366}
.step b{color:#ffd447}
.breadcrumbs{background:#0e0e0e;padding:12px 20px;font-size:.9rem;color:#999}
.breadcrumbs a{color:#ffd447}
.faq-item{background:#141414;border-radius:10px;padding:16px 20px;margin:10px 0;border-left:4px solid #ffd447}
.faq-item summary{cursor:pointer;font-weight:700;color:#ffd447;font-size:1.05rem}
.faq-item[open]{background:#1a1a1a}
.faq-item p{margin-top:10px}
table{width:100%;border-collapse:collapse;margin:15px 0;background:#141414;border-radius:10px;overflow:hidden}
th,td{padding:12px;text-align:left;border-bottom:1px solid #2a2a2a}
th{background:#1e5631;color:#ffd447}
.notice{background:#1a1a1a;border:1px solid #ffd447;padding:16px;border-radius:10px;margin:20px 0}
figure{margin:22px 0;text-align:center}
figcaption{font-size:.88rem;color:#999;margin-top:8px;font-style:italic}
/* Footer */
footer{background:#000;border-top:2px solid #ffd447;padding:40px 20px 20px;margin-top:40px}
.footer-grid{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:30px}
.footer-grid h4{color:#ffd447;margin-bottom:12px;font-size:1rem}
.footer-grid ul{list-style:none;padding:0}
.footer-grid li{margin:6px 0}
.footer-grid a{color:#bbb;font-size:.92rem}
.footer-grid a:hover{color:#ffd447}
.copyright{text-align:center;padding-top:20px;margin-top:20px;border-top:1px solid #222;color:#777;font-size:.85rem}
.social{display:flex;gap:10px;margin-top:10px}
.social a{background:#1e5631;color:#ffd447;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-weight:700}
.disclaimer-bar{background:#2a1a00;color:#ffd447;text-align:center;padding:8px;font-size:.85rem}