:root{--bg: #0b0e14;--bg-2: #11151f;--bg-3: #1a2030;--gold: #d4af37;--gold-2: #f0d98c;--gold-dim: #8a7434;--text: #e8e6e1;--muted: #9aa0ad;--green: #22c55e;--red: #ef4444;--blue: #60a5fa;--border: #232a3a;--radius: 14px;--shadow: 0 10px 40px rgba(0, 0, 0, .5)}*{margin:0;padding:0;box-sizing:border-box}body{background:var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif;-webkit-font-smoothing:antialiased;min-height:100vh}h1,h2,h3,.serif{font-family:Playfair Display,serif;letter-spacing:.3px}.mono{font-family:JetBrains Mono,monospace}.boot-screen{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:radial-gradient(ellipse at center,#16203a 0%,var(--bg) 70%)}.boot-logo{width:72px;height:72px;border:2px solid var(--gold);border-radius:18px;display:grid;place-items:center;font-family:Playfair Display,serif;font-size:28px;font-weight:700;color:var(--gold);box-shadow:0 0 40px #d4af3740;animation:pulse 2s ease-in-out infinite}.boot-screen p{color:var(--muted);font-size:14px;letter-spacing:2px;text-transform:uppercase}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}.app-shell{min-height:100vh}.topbar{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:12px 20px;background:#0b0e14f7;border-bottom:1px solid var(--border)}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--text)}.brand-mark{width:34px;height:34px;border:1.5px solid var(--gold);border-radius:9px;display:grid;place-items:center;font-family:Playfair Display,serif;font-weight:700;color:var(--gold);font-size:15px}.brand-name{font-family:Playfair Display,serif;font-size:17px;letter-spacing:.5px}.topbar-right{display:flex;align-items:center;gap:8px;flex-shrink:0}.brand{min-width:0}.brand-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.avatar-btn{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:var(--bg-3);border:1.5px solid var(--gold);color:var(--gold);font-weight:700;font-size:14px;text-decoration:none;transition:transform .1s ease,box-shadow .2s ease}.avatar-btn:active{transform:scale(.94)}.icon-btn{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:var(--bg-3);border:1.5px solid var(--border);color:var(--muted);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:color .15s ease,border-color .15s ease,transform .1s ease,box-shadow .15s ease}.icon-btn:hover{color:var(--text);border-color:var(--gold-dim)}.icon-btn:active{transform:scale(.94)}.icon-btn:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.nav{position:fixed;bottom:0;left:0;right:0;z-index:50;display:flex;justify-content:space-around;background:#0b0e14fa;border-top:1px solid var(--border);padding:8px 4px calc(8px + env(safe-area-inset-bottom))}.nav a{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;text-decoration:none;color:var(--muted);font-size:10px;padding:6px 0;white-space:nowrap;min-width:0;transition:color .15s ease}.nav a.active{color:var(--gold)}.nav a .ni{display:grid;place-items:center}.nav a .ni svg{width:22px;height:22px}.main{padding:20px 16px calc(96px + env(safe-area-inset-bottom));max-width:640px;margin:0 auto}.card{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius);padding:18px;margin-bottom:14px}.card-title{font-size:13px;color:var(--muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:8px}.balance-card{background:linear-gradient(145deg,#16203a,#0f1626);border:1px solid rgba(212,175,55,.35);border-radius:var(--radius);padding:22px 20px;position:relative;overflow:hidden;box-shadow:0 4px 24px #00000059}.balance-card:after{content:"";position:absolute;top:-60px;right:-60px;width:160px;height:160px;border-radius:50%;background:radial-gradient(circle,rgba(212,175,55,.18),transparent 70%)}.balance-label{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:1.5px}.balance-value{font-family:JetBrains Mono,monospace;font-size:38px;font-weight:700;color:var(--gold-2);margin-top:8px}.balance-sub{margin-top:8px;font-size:12px;color:var(--muted)}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:14px}.stat{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius);padding:14px}.stat-label{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:1px}.stat-value{font-family:JetBrains Mono,monospace;font-size:20px;font-weight:700;margin-top:6px}.stat-value.green{color:var(--green)}.stat-value.gold{color:var(--gold)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:50px;padding:13px 18px;border-radius:12px;border:2px solid transparent;font-family:Inter,sans-serif;font-size:15px;font-weight:600;line-height:1.2;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;text-decoration:none;transition:transform .12s ease,box-shadow .2s ease,filter .15s ease,border-color .15s ease,background .15s ease,color .15s ease,opacity .15s ease}.btn:active,.btn:active:hover{transform:scale(.97)}.btn:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none;filter:none;box-shadow:none}.btn svg{flex-shrink:0}@media (hover: hover){.btn:hover{transform:translateY(-1px)}}.btn-spin{width:16px;height:16px;border:2px solid rgba(0,0,0,.25);border-top-color:currentColor;border-radius:50%;animation:rot .7s linear infinite;flex-shrink:0}.btn-outline .btn-spin,.btn-danger .btn-spin{border-color:#ffffff4d;border-top-color:currentColor}.btn-gold{background:linear-gradient(135deg,var(--gold),var(--gold-dim));color:#0b0e14;box-shadow:0 4px 20px #d4af3747,inset 0 1px #ffffff38}@media (hover: hover){.btn-gold:hover{filter:brightness(1.06);box-shadow:0 6px 26px #d4af3766}}.btn-gold:active{filter:brightness(.97);box-shadow:0 2px 10px #d4af3740}.btn-outline{background:transparent;border-color:var(--border);color:var(--text)}@media (hover: hover){.btn-outline:hover{border-color:var(--gold-dim);color:var(--gold-2);background:#d4af370d}}.btn-outline:active{background:#d4af371a}.btn-green{background:var(--green);color:#06240f;box-shadow:0 4px 16px #22c55e38}@media (hover: hover){.btn-green:hover{filter:brightness(1.07)}}.btn-green:active{filter:brightness(.96)}.btn-danger{background:var(--red);color:#fff;box-shadow:0 4px 16px #ef444438}@media (hover: hover){.btn-danger:hover{filter:brightness(1.08)}}.btn-danger:active{filter:brightness(.95)}.btn-sm{padding:9px 14px;font-size:13px;min-height:40px;width:auto}.btn-block{display:flex;width:100%}.btn-row{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:14px}.btn-row .btn{flex:1 1 0;min-width:140px}.btn-row .btn-sm{flex:1 1 auto;min-width:100px}.field{margin-bottom:14px}.field label{display:block;font-size:12px;color:var(--muted);margin-bottom:6px;text-transform:uppercase;letter-spacing:1px}.input,.select{width:100%;padding:13px 14px;background:var(--bg-3);border:1px solid var(--border);border-radius:10px;color:var(--text);font-size:15px;font-family:JetBrains Mono,monospace}.input:focus,.select:focus{outline:none;border-color:var(--gold)}.select{font-family:Inter,sans-serif}.amount-stepper{display:flex;align-items:stretch;gap:8px}.step-btn{width:52px;flex-shrink:0;display:grid;place-items:center;background:var(--bg-3);border:1px solid var(--border);border-radius:10px;color:var(--gold);cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:border-color .15s ease,background .15s ease,transform .1s ease}.step-btn:hover{border-color:var(--gold-dim);background:#d4af3714}.step-btn:active{transform:scale(.92)}.step-btn:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.amount-input{flex:1;text-align:center;font-size:20px;font-weight:700;min-width:0}.quick-amounts{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.quick-chip{flex:1 1 auto;min-width:52px;padding:9px 12px;background:var(--bg-3);border:1px solid var(--border);border-radius:20px;color:var(--text);font-size:13px;font-weight:600;font-family:JetBrains Mono,monospace;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:border-color .15s ease,background .15s ease,color .15s ease}.quick-chip:hover{border-color:var(--gold-dim)}.quick-chip.sel{border-color:var(--gold);background:#d4af371f;color:var(--gold-2)}.quick-chip:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.method-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.method-card{display:flex;flex-direction:column;align-items:flex-start;gap:3px;padding:14px;background:var(--bg-3);border:2px solid var(--border);border-radius:12px;cursor:pointer;text-align:left;transition:border-color .2s,background .2s,transform .2s;font-family:Inter,sans-serif}.method-card:hover{border-color:var(--gold-dim);transform:translateY(-1px)}.method-card.selected{border-color:var(--gold);background:#d4af3714;box-shadow:0 0 0 1px var(--gold),0 4px 16px #d4af3726}.method-symbol{font-family:JetBrains Mono,monospace;font-weight:700;font-size:15px;color:var(--gold-2);letter-spacing:1px}.method-name{font-size:12.5px;font-weight:600;color:var(--text);line-height:1.25}.method-hint{font-size:11px;color:var(--muted)}.method-card.selected .method-symbol{color:var(--gold)}.plan{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius);padding:18px;margin-bottom:12px;cursor:pointer;transition:border-color .2s,transform .2s}.plan:hover{transform:translateY(-2px)}.plan.selected{border-color:var(--gold);background:var(--bg-3);box-shadow:0 0 0 1px var(--gold)}.plan-top{display:flex;justify-content:space-between;align-items:center}.plan-days{font-size:18px;font-weight:700}.plan-rate{font-family:JetBrains Mono,monospace;color:var(--green);font-weight:700}.plan-desc{font-size:12px;color:var(--muted);margin-top:6px}.pkg{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius);padding:16px;margin-bottom:12px}.pkg-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.pkg-amount{font-family:JetBrains Mono,monospace;font-size:18px;font-weight:700}.pkg-badge{font-size:11px;padding:3px 10px;border-radius:20px;font-weight:600}.pkg-badge.active{background:#22c55e26;color:var(--green)}.pkg-badge.matured{background:#60a5fa26;color:var(--blue)}.pkg-badge.fail{background:#ef444426;color:var(--red)}.pkg-row{display:flex;justify-content:space-between;font-size:13px;padding:5px 0;color:var(--muted)}.pkg-row b{color:var(--text);font-family:JetBrains Mono,monospace}.progress-bar{height:6px;background:var(--bg-3);border-radius:10px;overflow:hidden;margin-top:10px}.progress-fill{height:100%;background:linear-gradient(90deg,var(--gold-dim),var(--gold));border-radius:10px}.tx{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid var(--border)}.tx:last-child{border-bottom:none}.tx-type{font-size:13px;font-weight:600}.tx-date{font-size:11px;color:var(--muted);margin-top:2px}.tx-amount{font-family:JetBrains Mono,monospace;font-weight:700}.tx-amount.pos{color:var(--green)}.tx-amount.neg{color:var(--red)}.tx-status{font-size:10px;padding:2px 8px;border-radius:12px;text-transform:uppercase;letter-spacing:.5px}.tx-status.pending{background:#facc1526;color:#facc15}.tx-status.confirmed,.tx-status.approved{background:#22c55e26;color:var(--green)}.tx-status.rejected{background:#ef444426;color:var(--red)}.ref-link-box{display:flex;align-items:center;gap:8px;background:var(--bg-3);border:1px dashed var(--gold-dim);border-radius:10px;padding:10px 12px;margin:10px 0}.ref-link-box input{flex:1;background:transparent;border:none;color:var(--gold-2);font-family:JetBrains Mono,monospace;font-size:12px}.ref-link-box button{background:transparent;border:none;color:var(--gold);cursor:pointer;width:34px;height:34px;border-radius:8px;display:grid;place-items:center;flex-shrink:0;transition:background .15s ease}.ref-link-box button:hover{background:#d4af371f}.admin-tab{display:flex;gap:8px;margin-bottom:16px;overflow-x:auto}.admin-tab button{flex-shrink:0;padding:8px 16px;border-radius:20px;border:1px solid var(--border);background:var(--bg-2);color:var(--text);cursor:pointer;font-size:13px;-webkit-tap-highlight-color:transparent;transition:background .15s ease,color .15s ease,border-color .15s ease}.admin-tab button:hover{border-color:var(--gold-dim)}.admin-tab button.active{background:var(--gold);color:#0b0e14;border-color:var(--gold);font-weight:600}.admin-tab button:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.faq-item{background:var(--bg-2);border:1px solid var(--border);border-radius:12px;margin-bottom:10px;overflow:hidden}.faq-q{width:100%;text-align:left;background:transparent;border:none;color:var(--text);padding:16px;font-size:14px;font-weight:600;cursor:pointer;display:flex;justify-content:space-between;align-items:center}.faq-q .chev{color:var(--gold);display:inline-flex;transition:transform .2s ease}.faq-q.open .chev{transform:rotate(180deg)}.admin-star{display:inline-block;vertical-align:-2px;color:var(--gold);margin-left:4px}.faq-a{padding:0 16px 16px;font-size:13px;color:var(--muted);line-height:1.6}.page-title{font-size:24px;margin-bottom:4px}.page-sub{font-size:13px;color:var(--muted);margin-bottom:20px}.muted{color:var(--muted)}.small{font-size:12px}.mt-10{margin-top:10px}.mt-20{margin-top:20px}.center{text-align:center}.alert{padding:12px 14px;border-radius:10px;font-size:13px;margin-bottom:14px;border:1px solid}.alert-error{background:#ef44441a;border-color:#ef444466;color:#fca5a5}.alert-success{background:#22c55e1a;border-color:#22c55e66;color:#86efac}.alert-warn{background:#facc151a;border-color:#facc1566;color:#fde047}.code-box{background:var(--bg-3);border:1px solid var(--border);border-radius:10px;padding:12px;font-family:JetBrains Mono,monospace;font-size:12px;word-break:break-all;color:var(--gold-2)}.qr-box{display:flex;justify-content:center;margin:14px 0 4px}.qr-box img{background:#fff;border-radius:12px;padding:8px;width:200px;height:200px}.steps{display:flex;margin-bottom:14px;background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius);padding:12px 8px}.step{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;position:relative}.step+.step:before{content:"";position:absolute;top:13px;left:-50%;right:50%;height:2px;background:var(--border)}.step.done+.step:before{background:var(--green)}.step-dot{width:27px;height:27px;border-radius:50%;background:var(--bg-3);border:2px solid var(--border);display:grid;place-items:center;font-size:12px;font-weight:700;color:var(--muted);z-index:1;transition:border-color .2s,color .2s}.step.active .step-dot{border-color:var(--gold);color:var(--gold);box-shadow:0 0 12px #d4af3759}.step.done .step-dot{border-color:var(--green);color:var(--green);background:#22c55e1f}.step span{font-size:10px;color:var(--muted);text-align:center}.step.active span{color:var(--gold);font-weight:600}.step.done span{color:var(--green)}.pay-target{text-align:center;padding:4px 0 10px}.net-badge{display:inline-block;background:var(--bg-3);border:1px solid var(--gold-dim);color:var(--gold-2);font-size:11px;font-weight:600;padding:4px 14px;border-radius:20px;margin-bottom:10px}.pay-crypto{font-family:JetBrains Mono,monospace;font-size:26px;font-weight:700;color:var(--gold-2);word-break:break-all}.pay-usd{font-size:13px;color:var(--muted);margin-top:4px}.pay-track{display:flex;margin-top:14px;padding-top:14px;border-top:1px dashed var(--border)}.pt{flex:1;text-align:center}.pt .pt-dot{width:12px;height:12px;border-radius:50%;background:var(--bg-3);border:2px solid var(--border);margin:0 auto 6px;transition:background .3s,border-color .3s,box-shadow .3s}.pt.on .pt-dot{border-color:var(--gold);background:var(--gold);box-shadow:0 0 10px #d4af3780;animation:pulse 2s ease-in-out infinite}.pt.done .pt-dot{border-color:var(--green);background:var(--green);animation:none}.pt span{font-size:10px;color:var(--muted)}.pt.on span{color:var(--gold);font-weight:600}.pt.done span{color:var(--green)}.spin{width:26px;height:26px;border:3px solid var(--border);border-top-color:var(--gold);border-radius:50%;animation:rot .8s linear infinite;margin:30px auto}@keyframes rot{to{transform:rotate(360deg)}}.landing{min-height:100vh;background:radial-gradient(ellipse at 50% -20%,#16203a 0%,var(--bg) 60%)}.land-hero{padding:40px 24px 30px;text-align:center}.land-hero .brand{justify-content:center;margin-bottom:28px}.land-hero h1{font-size:34px;line-height:1.15;margin-bottom:14px}.land-hero h1 span{color:var(--gold)}.land-hero p{color:var(--muted);font-size:15px;line-height:1.6;max-width:420px;margin:0 auto 28px}.land-plans{padding:0 24px 20px;max-width:480px;margin:0 auto}.land-foot{text-align:center;padding:20px;color:var(--muted);font-size:12px}.land-foot a{color:var(--gold);text-decoration:none}body.tg{background:var(--bg)}