*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{
    --gold:#D4A017;--gold-l:#F5C842;--gold-d:#A07800;
    --gold-grd:linear-gradient(135deg,#C89010 0%,#F5C842 50%,#C89010 100%);
    --red:#CC2200;
    --bg:#080601;--bg-2:#0d0b01;--bg-card:#110e02;--bg-card2:#181402;
    --text:#f5f0e0;--text-m:#8a7a50;
    --border:rgba(212,160,23,.16);--border-h:rgba(212,160,23,.55);
    --radius:.12rem;--radius-lg:.2rem;
    --glow:0 0 .3rem rgba(212,160,23,.28);
    --glow-btn:0 .04rem .22rem rgba(212,160,23,.55),0 0 .5rem rgba(212,160,23,.22);
}

@keyframes float{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-.12rem) scale(1.02)}}
@keyframes pulse-glow{0%,100%{box-shadow:0 .04rem .2rem rgba(212,160,23,.5),0 0 .4rem rgba(212,160,23,.2)}50%{box-shadow:0 .04rem .38rem rgba(245,200,66,.85),0 0 .7rem rgba(212,160,23,.38)}}
@keyframes shimmer{0%{background-position:200% center}100%{background-position:-200% center}}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.08)}}
@keyframes orb{0%,100%{transform:translate(0,0) scale(1)}33%{transform:translate(.18rem,-.12rem) scale(1.04)}66%{transform:translate(-.12rem,.18rem) scale(.97)}}
@keyframes fadeIn{from{opacity:0;transform:translateY(.08rem)}to{opacity:1;transform:none}}
@keyframes scanline{0%{transform:translateY(-100%);opacity:0}10%{opacity:.3}90%{opacity:.3}100%{transform:translateY(800%);opacity:0}}
@keyframes border-glow{0%,100%{opacity:.5}50%{opacity:1}}

html{font-size:100px}
body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;background:var(--bg);color:var(--text);font-size:.14rem;line-height:1.6;min-height:100vh;overflow-x:hidden}
h1{font-size:.26rem;font-weight:800;line-height:1.2}
h2{font-size:.2rem;font-weight:700}
h3{font-size:.15rem;font-weight:600}
p{font-size:.14rem;color:var(--text-m);line-height:1.7}
a{text-decoration:none;color:var(--gold)}

/* Layout */
.container{max-width:4.3rem;margin:0 auto;padding:0 .16rem}
.section{padding:.24rem 0}
.divider{height:1px;background:linear-gradient(90deg,transparent,rgba(212,160,23,.25),transparent);margin:.16rem 0}

/* Scroll reveal */
.reveal{opacity:0;transform:translateY(.18rem);transition:opacity .6s ease,transform .6s ease}
.reveal.visible{opacity:1;transform:none}

/* ─── Header ─── */
.site-header{
    position:sticky;top:0;z-index:100;
    background:rgba(8,6,1,.9);
    backdrop-filter:blur(24px) saturate(180%);
    -webkit-backdrop-filter:blur(24px) saturate(180%);
    padding:.1rem .16rem;
    display:flex;align-items:center;justify-content:space-between;
    box-shadow:0 1px 0 rgba(212,160,23,.22),0 .04rem .24rem rgba(0,0,0,.7)
}
.site-header::after{content:'';position:absolute;bottom:0;left:.16rem;right:.16rem;height:1px;background:linear-gradient(90deg,transparent,rgba(245,200,66,.55),transparent);animation:border-glow 3s ease-in-out infinite}
.site-logo{display:flex;align-items:center;gap:.08rem}
.site-logo img{height:.38rem;width:auto;filter:drop-shadow(0 0 .1rem rgba(212,160,23,.8))}
.header-actions{display:flex;align-items:center;gap:.08rem}

/* Language toggle */
.lang-toggle{display:flex;gap:.03rem;background:rgba(255,255,255,.04);border:1px solid var(--border);border-radius:.2rem;padding:.03rem}
.lang-btn{font-size:.11rem;font-weight:700;color:var(--text-m);background:none;border:none;padding:.04rem .09rem;border-radius:.16rem;cursor:pointer;font-family:inherit;transition:all .25s}
.lang-btn.active{background:var(--gold-grd);color:#000;box-shadow:0 0 .1rem rgba(212,160,23,.55)}

/* ─── Buttons ─── */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.06rem;padding:.11rem .22rem;border-radius:.24rem;font-size:.14rem;font-weight:700;border:none;cursor:pointer;text-decoration:none;transition:all .25s;font-family:inherit;white-space:nowrap;position:relative;overflow:hidden}
.btn-gold{background:var(--gold-grd);color:#000;box-shadow:var(--glow-btn)}
.btn-gold::before{content:'';position:absolute;top:0;left:-100%;width:200%;height:100%;background:linear-gradient(90deg,transparent 30%,rgba(255,255,255,.28) 50%,transparent 70%);transition:left .5s ease}
.btn-gold:hover::before{left:100%}
.btn-gold:active{transform:scale(.97)}
.btn-outline{background:rgba(212,160,23,.07);color:var(--gold);border:1px solid rgba(212,160,23,.38);backdrop-filter:blur(4px)}
.btn-sm{padding:.07rem .16rem;font-size:.12rem}
.btn-full{width:100%;justify-content:center}

/* ─── Hero ─── */
.hero{
    padding:.36rem .16rem .32rem;text-align:center;
    position:relative;overflow:hidden;isolation:isolate;
    background:
        radial-gradient(circle at 15% 40%,rgba(212,160,23,.14) 0%,transparent 40%),
        radial-gradient(circle at 85% 70%,rgba(212,160,23,.1) 0%,transparent 38%),
        radial-gradient(ellipse 130% 70% at 50% -8%,#1c1300 0%,#100c00 45%,var(--bg) 80%)
}
.hero::before{
    content:'';position:absolute;inset:0;
    background-image:radial-gradient(circle,rgba(212,160,23,.07) 1px,transparent 1px);
    background-size:.28rem .28rem;pointer-events:none
}
.hero::after{
    content:'';position:absolute;top:0;left:0;right:0;height:2px;
    background:linear-gradient(90deg,transparent 0%,rgba(212,160,23,.45) 15%,rgba(245,200,66,1) 50%,rgba(212,160,23,.45) 85%,transparent 100%)
}
.hero-orb{position:absolute;border-radius:50%;pointer-events:none}
.hero-orb-1{width:2.6rem;height:2.6rem;top:-1.1rem;left:-1rem;background:radial-gradient(circle,rgba(212,160,23,.14) 0%,transparent 68%);animation:orb 9s ease-in-out infinite}
.hero-orb-2{width:2rem;height:2rem;bottom:-.7rem;right:-.8rem;background:radial-gradient(circle,rgba(212,160,23,.11) 0%,transparent 68%);animation:orb 12s ease-in-out infinite reverse}
.hero-scanline{position:absolute;left:0;right:0;height:.02rem;background:linear-gradient(90deg,transparent,rgba(245,200,66,.18),transparent);animation:scanline 5s linear infinite;pointer-events:none}

.hero-logo{width:1.7rem;height:auto;margin:0 auto .2rem;display:block;filter:drop-shadow(0 0 .3rem rgba(212,160,23,.95)) drop-shadow(0 0 .1rem #D4A017);animation:float 4s ease-in-out infinite;position:relative;z-index:1}
.hero-title{font-size:.27rem;font-weight:900;margin-bottom:.12rem;line-height:1.22;letter-spacing:-.015rem;position:relative;z-index:1}
.gold-text{background:linear-gradient(135deg,#C89010 0%,#F5C842 25%,#FDE68A 50%,#F5C842 75%,#C89010 100%);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:shimmer 4s linear infinite}
.hero-sub{font-size:.13rem;color:var(--text-m);margin-bottom:.26rem;line-height:1.8;max-width:3.2rem;margin-left:auto;margin-right:auto;position:relative;z-index:1}
.hero-cta{display:flex;flex-direction:column;align-items:center;gap:.12rem;position:relative;z-index:1}
.hero-note{font-size:.11rem;color:var(--text-m);margin-top:.04rem;letter-spacing:.04rem;opacity:.7}
.hero-cta .btn-gold{padding:.16rem .44rem;font-size:.17rem;animation:pulse-glow 2.5s ease-in-out infinite;letter-spacing:.01rem;border-radius:.3rem}

/* ─── Stats ─── */
.stats-row{display:flex;gap:.07rem}
.stat-item{
    flex:1;text-align:center;padding:.18rem .04rem;
    background:rgba(17,14,2,.8);
    border:1px solid var(--border);
    border-radius:var(--radius);
    position:relative;overflow:hidden;
    transition:all .3s;
    backdrop-filter:blur(10px)
}
.stat-item::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 50% -10%,rgba(212,160,23,.12) 0%,transparent 65%)}
.stat-item:hover{border-color:rgba(212,160,23,.5);transform:translateY(-.05rem);box-shadow:0 .06rem .24rem rgba(212,160,23,.2),0 0 0 1px rgba(212,160,23,.1)}
.stat-num{font-size:.2rem;font-weight:900;background:var(--gold-grd);-webkit-background-clip:text;-webkit-text-fill-color:transparent;line-height:1.2;position:relative}
.stat-lb{font-size:.1rem;color:var(--text-m);margin-top:.05rem;letter-spacing:.02rem;position:relative}

/* ─── Nav Cards ─── */
.nav-card{
    display:flex;align-items:center;gap:.12rem;
    padding:.15rem .16rem;
    background:rgba(17,14,2,.55);
    border:1px solid var(--border);
    border-radius:var(--radius);
    text-decoration:none;
    transition:all .28s cubic-bezier(.2,.8,.3,1);
    margin-bottom:.09rem;
    backdrop-filter:blur(12px);
    position:relative;overflow:hidden
}
.nav-card::before{
    content:'';position:absolute;
    left:0;top:.12rem;bottom:.12rem;width:.03rem;
    background:var(--gold-grd);
    border-radius:.03rem;
    transform:scaleY(0);
    transition:transform .28s cubic-bezier(.2,.8,.3,1);
    transform-origin:center
}
.nav-card::after{
    content:'';position:absolute;inset:0;
    background:linear-gradient(90deg,rgba(212,160,23,.05) 0%,transparent 60%);
    opacity:0;transition:opacity .28s
}
.nav-card:hover{
    border-color:rgba(212,160,23,.42);
    background:rgba(24,20,2,.88);
    box-shadow:0 .04rem .22rem rgba(212,160,23,.14),inset 0 0 .25rem rgba(212,160,23,.05);
    transform:translateX(.06rem)
}
.nav-card:hover::before{transform:scaleY(1)}
.nav-card:hover::after{opacity:1}
.nav-card:active{transform:scale(.99)}
.nav-card-ic{font-size:.26rem;min-width:.4rem;text-align:center;transition:transform .28s;position:relative;z-index:1;display:flex;align-items:center;justify-content:center}
.nav-card:hover .nav-card-ic{transform:scale(1.18)}
.nav-card-tx{flex:1;position:relative;z-index:1}
.nav-card-tx h3{font-size:.15rem;color:var(--text);margin-bottom:.03rem;font-weight:700;transition:color .25s}
.nav-card:hover .nav-card-tx h3{color:var(--gold-l)}
.nav-card-tx p{font-size:.12rem;color:var(--text-m)}
.nav-card-arr{color:var(--gold);font-size:.18rem;font-weight:700;transition:transform .28s;position:relative;z-index:1}
.nav-card:hover .nav-card-arr{transform:translateX(.06rem)}

/* ─── Features (2-col grid) ─── */
.feat-list{display:grid;grid-template-columns:1fr 1fr;gap:.1rem}
.feat-item{
    display:flex;flex-direction:column;gap:.1rem;
    padding:.18rem .14rem;
    background:rgba(17,14,2,.65);
    border:1px solid var(--border);
    border-radius:var(--radius);
    transition:all .3s;
    backdrop-filter:blur(10px);
    position:relative;overflow:hidden
}
.feat-item::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 50% 0%,rgba(212,160,23,.07) 0%,transparent 60%)}
.feat-item:hover{border-color:rgba(212,160,23,.45);box-shadow:0 .06rem .24rem rgba(212,160,23,.14);transform:translateY(-.05rem)}
.feat-ic{
    width:.46rem;height:.46rem;border-radius:.12rem;
    background:linear-gradient(135deg,rgba(212,160,23,.18),rgba(212,160,23,.05));
    border:1px solid rgba(212,160,23,.25);
    display:flex;align-items:center;justify-content:center;
    font-size:.23rem;
    box-shadow:0 0 .14rem rgba(212,160,23,.16);
    position:relative
}
.feat-tx h3{font-size:.13rem;font-weight:700;color:var(--text);margin-bottom:.05rem;line-height:1.3;position:relative}
.feat-tx p{font-size:.12rem;color:var(--text-m);line-height:1.5;position:relative}

/* ─── Section header ─── */
.sec-head{text-align:center;margin-bottom:.22rem}
.sec-head h2{font-size:.22rem;font-weight:900;color:var(--text);margin-bottom:.08rem;letter-spacing:-.015rem}
.sec-label{
    display:inline-block;font-size:.1rem;font-weight:800;
    color:var(--gold);
    background:rgba(212,160,23,.08);
    border:1px solid rgba(212,160,23,.25);
    padding:.04rem .14rem;border-radius:.2rem;
    margin-bottom:.1rem;letter-spacing:.08rem;text-transform:uppercase
}
.gold-line{width:.5rem;height:.025rem;background:linear-gradient(90deg,transparent,rgba(212,160,23,.9),transparent);border-radius:.02rem;margin:.1rem auto}

/* ─── Generic cards ─── */
.card{background:rgba(17,14,2,.7);border:1px solid var(--border);border-radius:var(--radius);padding:.16rem;transition:all .25s;backdrop-filter:blur(8px)}
.card:hover{border-color:var(--border-h);box-shadow:var(--glow)}
.card-grid{display:grid;grid-template-columns:1fr 1fr;gap:.1rem}
.card-icon{font-size:.28rem;margin-bottom:.08rem}
.card-title{font-size:.14rem;font-weight:700;color:var(--text);margin-bottom:.05rem}
.card-desc{font-size:.12rem;color:var(--text-m);line-height:1.5}

/* ─── Download CTA ─── */
.dl-section{
    background:
        radial-gradient(ellipse at 50% 120%,rgba(212,160,23,.16) 0%,transparent 55%),
        radial-gradient(ellipse at 50% 50%,rgba(16,12,0,.9) 0%,transparent 90%);
    border-radius:var(--radius-lg);
    border:1px solid rgba(212,160,23,.2);
    padding:.3rem .2rem;
    position:relative;overflow:hidden
}
.dl-section::before{content:'';position:absolute;inset:0;background-image:radial-gradient(circle,rgba(212,160,23,.07) 1px,transparent 1px);background-size:.2rem .2rem}
.dl-section > *{position:relative;z-index:1}
.dl-section .btn-gold{animation:pulse-glow 2.5s ease-in-out infinite}

/* ─── Footer ─── */
.site-footer{padding:.28rem .16rem .26rem;text-align:center;background:var(--bg-2);position:relative}
.site-footer::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(212,160,23,.45),transparent)}
.footer-logo img{height:.54rem;width:auto;margin-bottom:.14rem;filter:drop-shadow(0 0 .14rem rgba(212,160,23,.6))}
.footer-links{display:flex;flex-wrap:wrap;justify-content:center;gap:.06rem .18rem;margin-bottom:.14rem}
.footer-links a{font-size:.12rem;color:var(--text-m);transition:color .2s}
.footer-links a:hover{color:var(--gold)}
.footer-email{font-size:.12rem;color:var(--gold);margin-bottom:.1rem}
.footer-copy{font-size:.11rem;color:var(--text-m);opacity:.38}

/* ─── Tabs ─── */
.tab-nav{display:flex;overflow-x:auto;gap:.06rem;padding-bottom:.08rem;margin-bottom:.16rem;scrollbar-width:none}
.tab-nav::-webkit-scrollbar{display:none}
.tab-btn{flex-shrink:0;font-size:.13rem;font-weight:600;color:var(--text-m);background:var(--bg-card);border:1px solid var(--border);padding:.07rem .16rem;border-radius:.2rem;cursor:pointer;font-family:inherit;white-space:nowrap;transition:all .2s}
.tab-btn.active{background:var(--gold-grd);color:#000;border-color:transparent;box-shadow:0 .02rem .14rem rgba(212,160,23,.4)}
.tab-pane{display:none}
.tab-pane.active{display:block}

/* ─── FAQ ─── */
.faq-item{border-bottom:1px solid var(--border);padding:.14rem 0}
.faq-item:last-child{border-bottom:none}
.faq-q{font-size:.14rem;font-weight:700;color:var(--gold-l);margin-bottom:.06rem}
.faq-a{font-size:.13rem;color:var(--text-m);line-height:1.6}

/* ─── Steps ─── */
.step-list{display:flex;flex-direction:column;gap:.12rem}
.step-item{display:flex;gap:.12rem;align-items:flex-start}
.step-num{min-width:.28rem;height:.28rem;border-radius:50%;background:var(--gold-grd);color:#000;font-size:.13rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:.02rem;box-shadow:0 0 .12rem rgba(212,160,23,.5)}
.step-tx{font-size:.14rem;color:var(--text-m);line-height:1.6;padding-top:.03rem}
.step-tx strong{color:var(--text)}

/* ─── Install modal ─── */
.modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.85);z-index:200;display:flex;align-items:flex-end;backdrop-filter:blur(8px)}
.modal-backdrop.is-hidden{display:none}
.modal-sheet{width:100%;background:rgba(10,8,0,.97);border-top:1px solid rgba(212,160,23,.3);border-radius:.2rem .2rem 0 0;padding:.22rem .2rem .38rem;text-align:center;box-shadow:0 -.08rem .5rem rgba(212,160,23,.16),0 -.02rem .08rem rgba(0,0,0,.6)}
.modal-title{font-size:.17rem;font-weight:800;color:var(--text);margin-bottom:.04rem}
.modal-sub{font-size:.13rem;color:var(--text-m);margin-bottom:.18rem}
.progress-wrap{height:.06rem;background:rgba(255,255,255,.06);border-radius:.03rem;margin-bottom:.07rem;overflow:hidden}
.progress-bar{height:100%;background:var(--gold-grd);border-radius:.03rem;width:10%;transition:width .08s linear;box-shadow:0 0 .1rem rgba(212,160,23,.65)}
.progress-pct{font-size:.12rem;color:var(--text-m);margin-bottom:.16rem}

/* ─── Verify page ─── */
.verify-wrap{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.24rem .16rem;text-align:center;background:radial-gradient(ellipse at 50% 40%,#140e00 0%,var(--bg) 70%)}
.spinner{width:.44rem;height:.44rem;border:.035rem solid var(--border);border-top-color:var(--gold);border-radius:50%;animation:spin .8s linear infinite;margin:0 auto .2rem}
.verify-icon{font-size:.5rem;margin-bottom:.12rem;animation:pulse 1.5s ease-in-out infinite}
.fade-in{animation:fadeIn .5s ease both}

/* ─── Back link ─── */
.back-link{display:inline-flex;align-items:center;gap:.06rem;font-size:.13rem;color:var(--text-m);padding:.12rem .16rem}

/* ─── Utilities ─── */
.mt-sm{margin-top:.08rem}.mt{margin-top:.16rem}.mt-lg{margin-top:.24rem}
.mb-sm{margin-bottom:.08rem}.mb{margin-bottom:.16rem}.mb-lg{margin-bottom:.24rem}
.text-center{text-align:center}.text-gold{color:var(--gold)}.text-muted{color:var(--text-m)}
.ul-list{padding-left:.18rem;display:flex;flex-direction:column;gap:.05rem}
.ul-list li{font-size:.13rem;color:var(--text-m);line-height:1.6}

/* ─── 18+ ─── */
.stat-item-age{border-color:rgba(204,34,0,.35)!important}
.stat-item-age::before{background:radial-gradient(ellipse at 50% -10%,rgba(204,34,0,.1) 0%,transparent 65%)!important}
.stat-num-age{background:linear-gradient(135deg,#cc2200,#ff6644)!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important}

/* Hero 18+ banner */
.hero-age-banner{
    position:relative;z-index:1;
    margin-top:.22rem;
    padding:.16rem .2rem;
    background:rgba(180,28,0,.1);
    border:1px solid rgba(220,50,20,.4);
    border-radius:.14rem;
    text-align:center;
    backdrop-filter:blur(12px);
    box-shadow:0 0 .3rem rgba(204,34,0,.18),inset 0 1px 0 rgba(255,120,80,.12)
}
.hero-age-banner::before{content:'';position:absolute;inset:0;border-radius:.14rem;background:linear-gradient(180deg,rgba(255,80,40,.06) 0%,transparent 60%)}
.hero-age-icon{font-size:.4rem;line-height:1;margin-bottom:.08rem;filter:drop-shadow(0 0 .1rem rgba(255,60,20,.7))}
.hero-age-title{font-size:.14rem;font-weight:900;color:#ff6644;letter-spacing:.06rem;margin-bottom:.06rem;text-shadow:0 0 .12rem rgba(255,80,40,.5)}
.hero-age-desc{font-size:.12rem;color:rgba(245,210,180,.7);line-height:1.6;position:relative}

.age-footer-badge{display:inline-flex;align-items:center;gap:.06rem;font-size:.11rem;font-weight:700;color:#ff7755;background:rgba(204,34,0,.1);border:1px solid rgba(204,34,0,.25);padding:.04rem .1rem;border-radius:.2rem;margin-bottom:.12rem}