:root{--bg:#020d08;--panel:#071a12;--panel2:#0b2418;--line:#164b33;--text:#f4fff9;--muted:#9fb9aa;--green:#17f18b;--green2:#05b960;--danger:#ff635f;--warn:#ffb26e;--shadow:0 20px 60px rgba(0,0,0,.45),inset 0 0 0 1px rgba(56,255,158,.08)}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:radial-gradient(circle at 20% 0%,#0a3d24 0,transparent 28%),linear-gradient(160deg,#020b07,#03150d 55%,#001108);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}body{overflow-x:hidden}.ambient{position:fixed;border-radius:999px;filter:blur(90px);opacity:.22;pointer-events:none}.a1{width:220px;height:220px;background:#00ff88;top:-70px;left:-50px}.a2{width:260px;height:260px;background:#00ad5c;right:-110px;bottom:-80px}.app-shell{position:relative;z-index:1;width:min(100%,540px);min-height:100vh;margin:auto;padding:env(safe-area-inset-top) 18px calc(28px + env(safe-area-inset-bottom))}.topbar{height:64px;display:flex;align-items:center;gap:10px;border-bottom:1px solid rgba(255,255,255,.05)}.brand{font-size:21px;font-weight:900;display:flex;align-items:center;gap:8px}.brand>span span,.hero-card h1 span{color:var(--green)}.logo-mark{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:linear-gradient(145deg,#22ff9a,#00773e);box-shadow:0 0 30px rgba(23,241,139,.25)}.mini-label{font-size:10px;color:var(--muted);margin-left:-3px}.spacer{flex:1}.user-pill{font-size:11px;color:#c6dacd;background:rgba(255,255,255,.05);padding:7px 10px;border-radius:999px;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.icon-btn{border:0;background:transparent;color:white;font-size:34px;line-height:1;padding:0 6px}.hidden{display:none!important}.view{display:none;padding-top:20px;animation:fade .18s ease}.view.active{display:block}@keyframes fade{from{opacity:.45;transform:translateY(5px)}to{opacity:1;transform:none}}
.hero-card{position:relative;overflow:hidden;text-align:center;padding:34px 20px 40px;border:1px solid var(--line);border-radius:28px;background:linear-gradient(145deg,rgba(11,47,31,.92),rgba(3,20,13,.98));box-shadow:var(--shadow)}.hero-logo{width:88px;height:88px;border-radius:24px;display:grid;place-items:center;margin:2px auto 16px;font-size:52px;background:linear-gradient(145deg,#2aff9f,#007f46);box-shadow:0 0 45px rgba(23,241,139,.22);border:1px solid #63ffb9}.hero-card h1{font-size:38px;line-height:1;margin:0;font-weight:900}.hero-card p{margin:9px 0 0;color:#d9eee2}.hero-wave{position:absolute;left:-10%;right:-10%;bottom:-48px;height:96px;background:radial-gradient(ellipse at center,#0aff89 0,rgba(0,255,132,.18) 38%,transparent 68%);transform:rotate(-5deg)}
.active-banner{margin:14px 0 0;padding:14px 15px;border-radius:18px;border:1px solid rgba(23,241,139,.4);background:linear-gradient(145deg,rgba(14,65,41,.9),rgba(5,27,17,.95));cursor:pointer}.active-banner b{display:block}.active-banner small{color:var(--muted)}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:15px 0}.feature{min-height:92px;border:1px solid var(--line);background:rgba(7,28,18,.85);border-radius:18px;padding:13px 8px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.feature b{color:var(--green);font-size:24px}.feature span{font-size:12px;margin-top:6px}.primary,.secondary{width:100%;border:0;border-radius:17px;padding:16px 18px;font-size:16px;font-weight:800;cursor:pointer}.primary{background:linear-gradient(90deg,#3bffad,#05ce6f);color:#001a0d;box-shadow:0 10px 30px rgba(14,223,117,.17)}.primary:active{transform:translateY(1px)}.primary.disabled{opacity:.42;box-shadow:none}.secondary{margin-top:10px;background:#092519;color:#d8f8e6;border:1px solid var(--line)}.link-btn{display:block;text-decoration:none;text-align:center;margin-top:14px}.fineprint{font-size:11px;line-height:1.45;text-align:center;color:#7f9e8b;margin:14px 8px 0}.quick-links{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;margin-top:11px}.quick-links button{border:1px solid var(--line);background:#071d13;color:#cde7d7;border-radius:14px;padding:11px 7px;font-size:11px;font-weight:700}
.section-head{padding:2px 2px 12px}.section-head h2{margin:0;font-size:27px}.section-head p{margin:5px 0 0;color:var(--muted);font-size:13px}.stack{display:grid;gap:12px}.plan-card,.coin-card,.order-card{position:relative;width:100%;border:1px solid var(--line);border-radius:20px;background:linear-gradient(145deg,rgba(10,41,27,.94),rgba(4,19,12,.98));color:white;text-align:left;padding:18px;box-shadow:var(--shadow)}.plan-card,.coin-card{cursor:pointer}.plan-card.selected{border-color:var(--green);box-shadow:0 0 0 1px rgba(23,241,139,.2),0 18px 50px rgba(0,0,0,.35)}.plan-top{display:flex;align-items:flex-start;gap:12px}.plan-icon{width:43px;height:43px;border-radius:14px;display:grid;place-items:center;background:rgba(23,241,139,.12);color:var(--green);font-weight:900;font-size:21px;border:1px solid rgba(23,241,139,.28)}.plan-title{font-weight:800;font-size:17px}.plan-sub{font-size:12px;color:var(--muted);margin-top:3px}.plan-price{font-size:28px;font-weight:900;margin:15px 0 12px}.old-price{font-size:15px;color:#789688;text-decoration:line-through;margin-left:6px}.badge{position:absolute;right:14px;top:14px;font-size:10px;font-weight:900;background:var(--green);color:#002013;padding:6px 9px;border-radius:999px}.badge.mini{position:static;margin-left:auto}.features{display:grid;gap:8px;color:#cce0d4;font-size:13px}.features div:before{content:'✓';color:var(--green);margin-right:8px}
.promo-box{margin:14px 0;padding:14px;border-radius:18px;border:1px solid var(--line);background:#061a11}.promo-title{font-weight:800;margin-bottom:9px}.promo-row{display:flex;gap:8px}.promo-row input{min-width:0;flex:1;border:1px solid #1a5639;background:#03110b;color:white;border-radius:12px;padding:12px;outline:none;text-transform:uppercase}.promo-row input:focus{border-color:var(--green)}.promo-row button{border:0;border-radius:12px;padding:0 15px;background:#153b29;color:#b9ffd8;font-weight:800}.promo-result{font-size:12px;color:var(--muted);min-height:16px;margin-top:8px}.promo-result.ok{color:#75ffb9}.promo-result.bad{color:#ff9894}
.coin-card{display:flex;align-items:center;gap:13px;padding:15px 16px}.coin-logo-wrap{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;background:#0a281b;border:1px solid rgba(23,241,139,.25);overflow:hidden;flex:0 0 auto}.coin-logo-wrap img{width:34px;height:34px}.coin-meta{flex:1}.coin-meta b{display:block;font-size:16px}.coin-meta small{display:block;color:var(--muted);margin-top:3px}.coin-hint{font-size:11px;color:#79a68e!important}.chev{font-size:24px;color:#71ffb6}.secure-note{display:flex;gap:12px;align-items:center;margin-top:14px;padding:14px;border-radius:16px;background:rgba(8,49,30,.8);border:1px solid var(--line)}.secure-note b{display:block}.secure-note small{display:block;color:var(--muted);margin-top:2px}
.order-mini-summary{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;margin-bottom:12px}.order-mini-summary>div{background:#071b12;border:1px solid var(--line);border-radius:14px;padding:10px}.order-mini-summary small{display:block;color:var(--muted);font-size:10px}.order-mini-summary b{display:block;margin-top:2px;font-size:12px;overflow:hidden;text-overflow:ellipsis}.payment-card{border:1px solid var(--line);border-radius:24px;background:linear-gradient(145deg,rgba(10,41,27,.96),rgba(4,19,12,.98));padding:18px;box-shadow:var(--shadow);text-align:center;margin-bottom:14px}.coin-row{display:flex;align-items:center;text-align:left;gap:12px}.coin-row small{display:block;color:var(--muted);margin-top:3px}.amount{padding:18px 0 12px}.amount strong{display:block;font-size:29px;word-break:break-word}.amount span{font-size:13px;color:var(--muted)}.copy-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:13px}.copy-wide{border:1px solid #1b5b3c;background:#0c2e1f;color:#c8ffe0;border-radius:11px;padding:9px;font-size:12px;font-weight:800}.qr-btn{border:0;background:transparent;padding:0;cursor:zoom-in}.qr{width:190px;height:190px;border-radius:14px;background:white;padding:8px}.address-label{text-align:left;color:var(--muted);font-size:11px;margin:13px 0 5px}.address-box{display:flex;align-items:center;gap:8px;background:#04110b;border:1px solid #174e34;border-radius:14px;padding:9px 9px 9px 12px}.address-box code{font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;color:#d4eee0}.copy-btn{border:0;border-radius:10px;background:#123c28;color:#b7ffd7;padding:9px 11px;font-weight:700}.network-warning{text-align:left;margin-top:12px;padding:11px 12px;border-radius:12px;background:rgba(255,178,110,.08);border:1px solid rgba(255,178,110,.28);color:#ffd0a8;font-size:11px;line-height:1.45}.timer{margin-top:13px;color:var(--warn);font-size:13px}
.confirm-wrap{text-align:center;padding:32px 2px}.success-orb,.error-orb{width:92px;height:92px;border-radius:999px;display:grid;place-items:center;margin:8px auto 18px;font-size:48px;font-weight:900}.success-orb{background:radial-gradient(circle,#3affaa,#0fca6e 58%,#07582f);box-shadow:0 0 55px rgba(24,241,139,.24);color:#002214}.error-orb{background:linear-gradient(145deg,#ff836d,#b8242f)}.confirm-wrap h2{font-size:28px;margin:0}.confirm-wrap p{color:var(--muted);line-height:1.5}.summary{text-align:left;margin:20px 0;padding:16px;border-radius:18px;background:#071d13;border:1px solid var(--line);font-size:13px}.summary .row{display:flex;justify-content:space-between;gap:18px;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.05)}.summary .row:last-child{border-bottom:0}.summary .row span:first-child{color:var(--muted)}
.order-card{box-shadow:none}.order-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.order-id{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;color:#a7c8b6;font-size:11px}.status{font-size:10px;font-weight:900;border-radius:999px;padding:6px 8px;text-transform:uppercase}.status.pending{background:#41351c;color:#ffd991}.status.submitted,.status.paid_detected{background:#103a49;color:#7ce6ff}.status.confirmed{background:#0d4429;color:#6effae}.status.rejected,.status.expired,.status.cancelled{background:#421d22;color:#ff9797}.order-main{font-size:16px;font-weight:800;margin-top:10px}.order-sub{color:var(--muted);font-size:12px;margin-top:5px}.order-actions{margin-top:10px}.order-actions button{width:100%;border:1px solid #1d5a3d;background:#0a2b1d;color:#bfffdc;border-radius:11px;padding:10px;font-weight:800}
.ref-card{border:1px solid var(--line);border-radius:24px;background:linear-gradient(145deg,rgba(10,41,27,.96),rgba(4,19,12,.98));padding:18px;box-shadow:var(--shadow)}.ref-rate{text-align:center;margin-bottom:16px}.ref-rate span{display:block;font-size:42px;font-weight:900;color:var(--green)}.ref-rate small{color:var(--muted)}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:18px}.stats-grid>div{padding:11px 5px;background:#06170f;border:1px solid var(--line);border-radius:14px;text-align:center}.stats-grid b{display:block}.stats-grid small{display:block;color:var(--muted);font-size:10px;margin-top:3px}.ref-card label{display:block;color:var(--muted);font-size:11px;margin:12px 0 5px}.faq-list{display:grid;gap:9px}.faq-list details{border:1px solid var(--line);border-radius:15px;background:#071b12;padding:13px 14px}.faq-list summary{font-weight:800;cursor:pointer}.faq-list p{color:var(--muted);line-height:1.5;font-size:13px;margin:9px 0 1px}.modal{position:fixed;z-index:10;inset:0;background:rgba(0,8,5,.92);display:grid;place-items:center;padding:25px}.modal img{width:min(86vw,430px);height:auto;border-radius:18px;background:white;padding:12px}.modal-close{position:absolute;top:20px;right:22px;border:0;background:#0e2d20;color:white;width:42px;height:42px;border-radius:50%;font-size:28px}
@media(max-width:390px){.app-shell{padding-left:12px;padding-right:12px}.hero-card h1{font-size:33px}.feature-grid{gap:7px}.feature{padding:11px 6px}.feature span{font-size:11px}.qr{width:170px;height:170px}.quick-links{grid-template-columns:1fr}.order-mini-summary{grid-template-columns:1fr 1fr}.order-mini-summary>div:last-child{grid-column:1/-1}.coin-logo-wrap{width:45px;height:45px}.coin-logo-wrap img{width:31px;height:31px}}