:root{
  --black:#0d0d0d;
  --panel:#161310;
  --panel-2:#1e1a14;
  --border:#332b1e;
  --gold:#E6B422;
  --gold-bright:#FFE47A;
  --gold-deep:#AD7C00;
  --red:#C4302B;
  --text:#f2ede0;
  --text-dim:#b8ac93;
}
*{box-sizing:border-box;margin:0;padding:0;}
body{font-family:system-ui,sans-serif;background:var(--black);color:var(--text);}
.navbar{background:#000;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 2rem;height:64px;position:sticky;top:0;z-index:100;}
.nav-logo img{height:50px;display:block;}
.nav-menu{display:flex;align-items:center;gap:4px;}
.nav-link{font-size:.8rem;color:var(--gold);padding:5px 10px;border-radius:6px;cursor:pointer;white-space:nowrap;text-decoration:none;}
.nav-link:hover{color:var(--gold-bright);background:rgba(230,180,34,.1);}
.nav-link.active{color:var(--gold-bright);background:rgba(230,180,34,.12);}
.nav-sep{color:var(--gold-deep);font-size:.75rem;}
.nav-actions{display:flex;align-items:center;gap:8px;}
.btn-login{background:transparent;border:1px solid var(--gold);color:var(--gold);border-radius:50px;padding:6px 18px;font-size:.82rem;cursor:pointer;text-decoration:none;display:inline-block;}
.btn-login:hover{background:rgba(230,180,34,.15);}
.btn-register{background:linear-gradient(135deg,var(--gold-bright),var(--gold-deep));border:none;color:#1a1200;border-radius:50px;padding:7px 18px;font-size:.82rem;font-weight:700;cursor:pointer;text-decoration:none;display:inline-block;}
.btn-register:hover{background:linear-gradient(135deg,#fff0a8,var(--gold));}
.hero{background:radial-gradient(ellipse at top,#1a1509 0%,#000 70%);padding:4rem 2rem;text-align:center;border-bottom:1px solid var(--border);}
.badge{display:inline-block;background:linear-gradient(135deg,var(--gold-bright),var(--gold-deep));color:#1a1200;border-radius:50px;padding:.35rem 1.1rem;font-size:.82rem;font-weight:700;margin-bottom:1rem;}
.hero h1{font-size:2rem;font-weight:800;color:var(--gold-bright);margin-bottom:.9rem;max-width:600px;margin-left:auto;margin-right:auto;text-shadow:0 2px 12px rgba(230,180,34,.25);}
.hero p{font-size:1rem;color:var(--text-dim);max-width:560px;margin:0 auto 1.5rem;line-height:1.7;}
.cta-btn{background:linear-gradient(135deg,var(--gold-bright),var(--gold-deep));color:#1a1200;border:none;border-radius:50px;padding:.8rem 2.2rem;font-size:.95rem;font-weight:700;cursor:pointer;text-decoration:none;display:inline-block;box-shadow:0 4px 16px rgba(230,180,34,.3);}
.cta-btn:hover{background:linear-gradient(135deg,#fff0a8,var(--gold));}
.container{max-width:860px;margin:0 auto;padding:0 1.5rem;}
.section{padding:2rem 0;border-bottom:1px solid var(--border);}
.section h2{font-size:1.15rem;font-weight:700;color:var(--gold);margin-bottom:1.2rem;display:flex;align-items:center;gap:8px;}
.section h2 i{font-size:20px;color:var(--gold);}
.section h3{font-size:1rem;font-weight:700;color:var(--gold-bright);margin:1.2rem 0 .6rem;}
.section p{color:var(--text-dim)!important;font-size:.88rem;line-height:1.8;}
.section p+p{margin-top:1rem;}
.section ul{margin:.6rem 0 0 1.2rem;color:var(--text-dim);font-size:.88rem;line-height:1.8;}
.section ul li{margin-bottom:4px;}
.section a{color:var(--gold);}
.welcome-box{background:linear-gradient(135deg,#221c0c,#161310);border:1px solid var(--gold-deep);border-radius:12px;padding:1.5rem;text-align:center;margin-bottom:1.2rem;}
.welcome-box .amt{font-size:2.5rem;font-weight:800;color:var(--gold-bright);text-shadow:0 2px 10px rgba(230,180,34,.3);}
.welcome-box p{font-size:.85rem;color:var(--text-dim);margin-top:6px;}
table{width:100%;border-collapse:collapse;font-size:.85rem;border-radius:10px;overflow:hidden;}
th{background:#000;color:var(--gold);padding:10px 14px;text-align:left;font-weight:700;}
th:last-child{text-align:right;}
td{padding:10px 14px;border-bottom:1px solid var(--border);color:var(--text);background:var(--panel);}
td:last-child{text-align:right;font-weight:700;color:var(--gold-bright);}
tr:last-child td{border-bottom:none;}
tr:nth-child(even) td{background:var(--panel-2);}
.trust-list{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
.trust-item{display:flex;align-items:center;gap:8px;font-size:.85rem;color:var(--text-dim);}
.trust-item i{color:var(--gold);font-size:18px;flex-shrink:0;}
.prizes{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
.prize{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:1.2rem;text-align:center;}
.prize img{width:100%;max-width:220px;height:auto;border-radius:10px;display:block;margin:0 auto 10px;}
.prize p{font-size:.88rem;font-weight:700;color:var(--gold);}
.cats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;}
.cat{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:.9rem;text-align:center;font-size:.85rem;font-weight:700;color:var(--gold);overflow:hidden;transition:transform .15s,border-color .15s;}
.cat:hover{transform:translateY(-3px);border-color:var(--gold);}
.cat img{width:100%;height:auto;border-radius:8px;display:block;margin-bottom:8px;}
.steps-list{display:flex;flex-direction:column;gap:10px;}
.step-row{display:flex;align-items:flex-start;gap:14px;background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:.9rem 1.1rem;}
.step-num{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,var(--gold-bright),var(--gold-deep));color:#1a1200;font-size:.82rem;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.step-text{font-size:.85rem;color:var(--text);line-height:1.6;padding-top:4px;}
.faq{display:flex;flex-direction:column;gap:10px;}
.faq-item{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:1rem 1.2rem;}
.faq-item .q{font-size:.88rem;font-weight:700;color:var(--gold);margin-bottom:5px;}
.faq-item .a{font-size:.82rem;color:var(--text-dim);line-height:1.6;}
.top-banner{display:block;background:#000;text-align:center;line-height:0;}
.top-banner img{width:100%;max-width:1000px;height:auto;display:inline-block;}
.float-claim{position:fixed;left:50%;transform:translateX(-50%);bottom:20px;z-index:9999;background:linear-gradient(135deg,var(--gold-bright),var(--gold-deep));color:#1a1200;font-weight:800;font-size:1rem;padding:.9rem 1.8rem;border-radius:50px;text-decoration:none;box-shadow:0 6px 24px rgba(230,180,34,.5);display:flex;align-items:center;gap:8px;border:2px solid #fff3c4;animation:pulse 1.8s ease-in-out infinite;white-space:nowrap;}
.float-claim:hover{background:linear-gradient(135deg,#fff0a8,var(--gold));transform:translateX(-50%) scale(1.04);}
.float-claim i{font-size:1.15rem;}
@keyframes pulse{0%,100%{box-shadow:0 6px 24px rgba(230,180,34,.5);}50%{box-shadow:0 6px 34px rgba(255,228,122,.85);}}

/* Inner page header (non-home pages) */
.page-hero{background:radial-gradient(ellipse at top,#1a1509 0%,#000 70%);padding:2.6rem 2rem;text-align:center;border-bottom:1px solid var(--border);}
.page-hero .badge{margin-bottom:.9rem;}
.page-hero h1{font-size:1.6rem;font-weight:800;color:var(--gold-bright);margin-bottom:.7rem;max-width:640px;margin-left:auto;margin-right:auto;text-shadow:0 2px 12px rgba(230,180,34,.25);}
.page-hero p{font-size:.92rem;color:var(--text-dim);max-width:600px;margin:0 auto;line-height:1.7;}
.breadcrumb{max-width:860px;margin:0 auto;padding:1rem 1.5rem 0;font-size:.78rem;color:var(--text-dim);}
.breadcrumb a{color:var(--gold);text-decoration:none;}
.breadcrumb a:hover{color:var(--gold-bright);}
.updated-note{font-size:.78rem;color:var(--text-dim);text-align:center;padding:1rem 0 0;}

/* Callout / notice boxes used on legal & safety pages */
.notice{background:var(--panel);border:1px solid var(--gold-deep);border-radius:12px;padding:1.1rem 1.3rem;margin-bottom:1.2rem;}
.notice.red{border-color:var(--red);}
.notice strong{color:var(--gold);}
.notice p{margin-top:6px;}
.helpline-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
.helpline-card{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:.9rem 1.1rem;}
.helpline-card .name{font-size:.85rem;font-weight:700;color:var(--gold);margin-bottom:3px;}
.helpline-card .detail{font-size:.82rem;color:var(--text-dim);}

/* Footer */
footer{background:#000;border-top:1px solid var(--border);padding:2.6rem 2rem 1.4rem;color:var(--text-dim);margin-top:2rem;}
.footer-grid{max-width:1000px;margin:0 auto;display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:2rem;padding-bottom:1.8rem;border-bottom:1px solid var(--border);}
.footer-brand img{height:34px;display:block;margin-bottom:.8rem;}
.footer-brand p{font-size:.8rem;line-height:1.7;color:var(--text-dim);max-width:280px;}
.footer-col h4{font-size:.82rem;color:var(--gold);font-weight:700;margin-bottom:.8rem;letter-spacing:.03em;text-transform:uppercase;}
.footer-col ul{list-style:none;display:flex;flex-direction:column;gap:8px;}
.footer-col a{color:var(--text-dim);text-decoration:none;font-size:.83rem;}
.footer-col a:hover{color:var(--gold-bright);}
.footer-bottom{max-width:1000px;margin:0 auto;padding-top:1.2rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;font-size:.78rem;}
.footer-disclaimer{max-width:1000px;margin:1.2rem auto 0;font-size:.74rem;line-height:1.7;color:#7a705c;}
.age-badge{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid var(--gold-deep);border-radius:6px;color:var(--gold);font-weight:800;font-size:.72rem;flex-shrink:0;}

@media(max-width:700px){
  .footer-grid{grid-template-columns:1fr 1fr;}
}
@media(max-width:600px){
  .nav-menu{display:none;}
  .trust-list,.cats,.prizes,.helpline-grid{grid-template-columns:1fr 1fr;}
  .hero h1{font-size:1.5rem;}
  .page-hero h1{font-size:1.3rem;}
  .footer-grid{grid-template-columns:1fr;}
  .footer-bottom{flex-direction:column;align-items:flex-start;}
}