*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{
    --gold:#22C55E;--gold-l:#86EFAC;--gold-d:#15803D;
    --gold-grd:linear-gradient(135deg,#22C55E 0%,#86EFAC 50%,#22C55E 100%);
    --red:#CC2200;
    --bg:#070f09;--bg-2:#0d150e;--bg-card:#0e180f;--bg-card2:#132015;
    --text:#f5f5f5;--text-m:#888899;
    --border:rgba(34,197,94,0.2);--border-h:rgba(34,197,94,0.5);
    --radius:.12rem;--radius-lg:.2rem;
    --shadow-gold:0 0 .2rem rgba(34,197,94,0.25);
}
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:var(--border);margin:.16rem 0}

/* Header */
.site-header{position:sticky;top:0;z-index:100;background:rgba(7,7,15,.96);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);padding:.1rem .16rem;display:flex;align-items:center;justify-content:space-between}
.site-logo{display:flex;align-items:center;gap:.08rem}
.site-logo img{height:.38rem;width:auto}
.logo-text{font-size:.2rem;font-weight:800;background:var(--gold-grd);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.header-actions{display:flex;align-items:center;gap:.08rem}

/* Language toggle */
.lang-toggle{display:flex;gap:.03rem;background:var(--bg-card);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 .2s}
.lang-btn.active{background:var(--gold-grd);color:#000}

/* 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 .2s;font-family:inherit;white-space:nowrap}
.btn-gold{background:var(--gold-grd);color:#000;box-shadow:0 .04rem .16rem rgba(34,197,94,.4)}
.btn-gold:active{transform:scale(.97)}
.btn-outline{background:transparent;color:var(--gold);border:1px solid var(--gold)}
.btn-sm{padding:.07rem .16rem;font-size:.12rem}
.btn-full{width:100%;justify-content:center}

/* Hero */
.hero{padding:.28rem .16rem .24rem;text-align:center;background:radial-gradient(ellipse at 50% 0%,#0a1a0d 0%,var(--bg) 65%);position:relative;overflow:hidden}
.hero::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:var(--gold-grd)}
.hero-logo{width:1.6rem;height:auto;margin:0 auto .14rem;display:block;filter:drop-shadow(0 0 .2rem rgba(34,197,94,.5))}
.hero-title{font-size:.24rem;font-weight:800;margin-bottom:.1rem;line-height:1.3}
.gold-text{background:var(--gold-grd);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.hero-sub{font-size:.13rem;color:var(--text-m);margin-bottom:.22rem;line-height:1.7;max-width:3.2rem;margin-left:auto;margin-right:auto}
.hero-cta{display:flex;flex-direction:column;align-items:center;gap:.1rem}
.hero-note{font-size:.11rem;color:var(--text-m);margin-top:.06rem}

/* Cards */
.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:.16rem;transition:border-color .2s}
.card:hover{border-color:var(--border-h)}
.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}

/* Nav cards */
.nav-card{display:flex;align-items:center;gap:.12rem;padding:.14rem .16rem;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);text-decoration:none;transition:all .2s;margin-bottom:.08rem}
.nav-card:hover{border-color:var(--gold);background:var(--bg-card2)}
.nav-card-ic{font-size:.26rem;min-width:.38rem;text-align:center}
.nav-card-tx{flex:1}
.nav-card-tx h3{font-size:.15rem;color:var(--text);margin-bottom:.02rem;font-weight:600}
.nav-card-tx p{font-size:.12rem;color:var(--text-m)}
.nav-card-arr{color:var(--gold);font-size:.16rem}

/* Features */
.feat-list{display:flex;flex-direction:column;gap:.12rem}
.feat-item{display:flex;gap:.12rem;align-items:flex-start}
.feat-ic{min-width:.4rem;height:.4rem;border-radius:.1rem;background:rgba(212,175,55,.1);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:.22rem;flex-shrink:0}
.feat-tx h3{font-size:.14rem;font-weight:600;color:var(--text);margin-bottom:.04rem}
.feat-tx p{font-size:.13rem;color:var(--text-m);line-height:1.5}

/* Section header */
.sec-head{text-align:center;margin-bottom:.2rem}
.sec-head h2{font-size:.2rem;font-weight:800;color:var(--text);margin-bottom:.06rem}
.sec-label{display:inline-block;font-size:.11rem;font-weight:700;color:var(--gold);background:rgba(212,175,55,.1);border:1px solid var(--border);padding:.03rem .1rem;border-radius:.2rem;margin-bottom:.08rem;letter-spacing:.03rem;text-transform:uppercase}
.gold-line{width:.4rem;height:.03rem;background:var(--gold-grd);border-radius:.02rem;margin:.1rem auto}

/* Stats */
.stats-row{display:flex;gap:.08rem}
.stat-item{flex:1;text-align:center;padding:.14rem .08rem;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius)}
.stat-num{font-size:.22rem;font-weight:800;background:var(--gold-grd);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.stat-lb{font-size:.11rem;color:var(--text-m);margin-top:.03rem}

/* Footer */
.site-footer{padding:.24rem .16rem .2rem;border-top:1px solid var(--border);text-align:center;background:var(--bg-2)}
.footer-logo img{height:.54rem;width:auto;margin-bottom:.12rem;filter:drop-shadow(0 0 .1rem rgba(212,175,55,.3))}
.footer-links{display:flex;flex-wrap:wrap;justify-content:center;gap:.06rem .16rem;margin-bottom:.14rem}
.footer-links a{font-size:.12rem;color:var(--text-m)}
.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:.5}

/* 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}
.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}
.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,.75);z-index:200;display:flex;align-items:flex-end}
.modal-backdrop.is-hidden{display:none}
.modal-sheet{width:100%;background:var(--bg-card2);border-top:1px solid var(--border);border-radius:.2rem .2rem 0 0;padding:.2rem .2rem .32rem;text-align:center}
.modal-title{font-size:.17rem;font-weight:700;color:var(--text);margin-bottom:.04rem}
.modal-sub{font-size:.13rem;color:var(--text-m);margin-bottom:.18rem}
.progress-wrap{height:.06rem;background:var(--bg-card);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}
.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%,#0a1a0d 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}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.08)}}
@keyframes fadeIn{from{opacity:0;transform:translateY(.08rem)}to{opacity:1;transform:none}}
.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}