:root{
  --bg:#060608;--panel:#0d0d11;--panel2:#121218;--panel3:#17171f;--line:#2b161c;
  --line2:#2b2b34;--text:#f6f6f8;--muted:#8e8e98;--muted2:#676771;
  --accent:#ef1746;--accent2:#b50d31;--soft:rgba(239,23,70,.11);--green:#55d98a;
}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text)}
body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;background:radial-gradient(circle at 50% -12%,rgba(239,23,70,.13),transparent 34%),linear-gradient(180deg,#08080a 0%,#050506 100%)}
button,input,select{font:inherit}button{-webkit-tap-highlight-color:transparent}button{cursor:pointer}.app{width:min(460px,100%);min-height:100vh;margin:0 auto;padding:calc(10px + env(safe-area-inset-top)) 14px calc(92px + env(safe-area-inset-bottom))}
.topbar{height:58px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.045);margin-bottom:14px}.brand{display:flex;align-items:center;gap:9px;background:none;border:0;color:var(--text);font-weight:950;letter-spacing:.16em;padding:0;font-size:15px}.brand-mark{width:31px;height:31px;display:grid;place-items:center;color:var(--accent);font-size:22px;font-weight:1000;transform:skewX(-8deg)}.avatar{width:34px;height:34px;border-radius:50%;border:1px solid #4a1a25;background:linear-gradient(145deg,#191018,#0b0b0f);color:#fff;font-weight:900}
.notice{margin-bottom:12px;border:1px solid #6c1830;background:#15090d;color:#ffd0d9;padding:11px 12px;border-radius:12px;font-size:13px;line-height:1.45}.notice[data-tone="ok"]{border-color:#285f42;background:#0c1712;color:#d7ffe5}
.page{animation:pageIn .16s ease}@keyframes pageIn{from{opacity:.45;transform:translateY(3px)}to{opacity:1;transform:none}}
.hero-card{min-height:150px;border:1px solid #461724;border-radius:20px;padding:22px 20px;display:flex;align-items:center;justify-content:space-between;gap:16px;background:radial-gradient(circle at 88% 15%,rgba(239,23,70,.22),transparent 34%),linear-gradient(145deg,#151017,#0b0b0f 70%);box-shadow:0 20px 55px rgba(0,0,0,.34)}.hero-mark{font-size:76px;line-height:.8;font-weight:1000;color:rgba(239,23,70,.25);font-style:italic;transform:skewX(-8deg)}
.eyebrow,.stat-label{color:var(--accent);font-size:10px;font-weight:900;letter-spacing:.18em}.eyebrow{margin-bottom:8px}h1{margin:0;font-size:29px;line-height:1.05;letter-spacing:-.035em}h2{margin:3px 0 0;font-size:22px;letter-spacing:-.02em}.muted{color:var(--muted);font-size:13px;line-height:1.45}.hero-copy{margin:9px 0 0}
.status-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:11px}.stat-card{min-height:104px;text-align:left;border:1px solid var(--line2);background:linear-gradient(180deg,rgba(255,255,255,.018),rgba(255,255,255,0)),var(--panel);color:var(--text);border-radius:16px;padding:15px}.stat-card strong{display:block;margin-top:8px;font-size:18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stat-card small{display:block;margin-top:5px;color:var(--muted);font-size:11px}
.quick-restore{width:100%;margin-top:11px;min-height:66px;border:1px solid #61162b;border-radius:16px;background:linear-gradient(100deg,#1a0c11,#100d11);color:var(--text);display:grid;grid-template-columns:40px 1fr auto;gap:11px;align-items:center;text-align:left;padding:11px 14px}.quick-icon{width:38px;height:38px;border-radius:12px;background:var(--accent);display:grid;place-items:center;font-size:22px;font-weight:900}.quick-restore strong,.quick-restore small{display:block}.quick-restore strong{font-size:15px}.quick-restore small{margin-top:3px;color:var(--muted);font-size:11px}.chev{font-size:28px;color:#7e7e87}
.section-head{margin:18px 2px 9px;display:flex;align-items:center;justify-content:space-between;color:#d4d4d8;font-size:12px;font-weight:800}.section-head button{background:none;border:0;color:var(--accent);font-size:11px;font-weight:800}.action-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.action-card{min-height:100px;border:1px solid var(--line2);border-radius:15px;background:var(--panel);color:var(--text);padding:13px 10px;text-align:left}.action-card>span{color:var(--accent);font-size:22px}.action-card strong,.action-card small{display:block}.action-card strong{margin-top:10px;font-size:13px}.action-card small{margin-top:4px;color:var(--muted);font-size:10px}
.section-title{margin:5px 2px 15px}.section-title .muted{margin:7px 0 0}.card{background:linear-gradient(180deg,rgba(255,255,255,.012),rgba(255,255,255,0)),var(--panel);border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:0 18px 55px rgba(0,0,0,.30)}
.access-strip{display:grid;grid-template-columns:12px 1fr auto;gap:10px;align-items:center;margin-bottom:10px;padding:12px 13px;border:1px solid var(--line2);border-radius:14px;background:var(--panel)}.access-dot{width:9px;height:9px;border-radius:50%;background:#676771}.access-strip[data-active="1"] .access-dot{background:var(--green);box-shadow:0 0 12px rgba(85,217,138,.45)}.access-strip strong,.access-strip small{display:block}.access-strip strong{font-size:12px}.access-strip small{margin-top:3px;color:var(--muted);font-size:10px}.access-strip button{border:1px solid #4c1a25;background:#170d11;color:#ffb5c5;border-radius:9px;padding:7px 10px;font-size:10px;font-weight:850}
.form{padding:16px}.field{margin-bottom:12px}.label,.sheet-label{display:block;margin:0 0 7px 2px;color:#c7c7cc;font-size:12px;font-weight:750}.input-wrap{position:relative}.icon{position:absolute;left:13px;top:50%;transform:translateY(-50%);width:20px;height:20px;display:grid;place-items:center;color:#adadb4;font-size:14px}.id-icon{font-size:11px;font-weight:850}
input,select{color:var(--text);outline:none}input{width:100%;height:52px;background:var(--panel2);border:1px solid #292930;border-radius:13px;padding:0 14px;font-size:15px;transition:.18s ease}.input-wrap input{padding-left:42px}input::placeholder{color:#5f5f67}input:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--soft)}input[aria-invalid="true"]{border-color:var(--accent)}
.primary{width:100%;height:52px;border:0;border-radius:13px;background:linear-gradient(180deg,#f21e4d 0%,#d90f3c 100%);color:#fff;font-weight:900;font-size:14px;box-shadow:0 10px 26px rgba(239,23,70,.17),inset 0 1px rgba(255,255,255,.14)}.primary:disabled{opacity:.48}.primary:active{transform:scale(.985)}
.progress{padding:18px 16px}.progress-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.progress-title strong{font-size:18px}.timer{color:var(--accent);font-size:13px;font-variant-numeric:tabular-nums}.steps{margin-top:12px}.step{display:grid;grid-template-columns:24px 1fr auto;align-items:center;gap:10px;min-height:48px;border-bottom:1px solid rgba(255,255,255,.045);color:#74747c;font-size:13px}.step:last-child{border-bottom:0}.dot{width:9px;height:9px;border-radius:50%;border:1px solid #4a4a51;justify-self:center}.step-state{font-size:10px;font-weight:850;letter-spacing:.08em;color:#55555d}.step[data-state="active"]{color:var(--text)}.step[data-state="active"] .dot{background:var(--accent);border-color:var(--accent);box-shadow:0 0 12px rgba(239,23,70,.55)}.step[data-state="active"] .step-state{color:var(--accent)}.step[data-state="done"]{color:#cfcfd4}.step[data-state="done"] .dot{background:#d8d8dc;border-color:#d8d8dc}.step[data-state="done"] .step-state{color:#8f8f97}.cancel{width:100%;height:44px;margin-top:10px;background:transparent;border:1px solid var(--line2);border-radius:12px;color:#a9a9b0;font-weight:750}
.result{padding:18px 16px}.result-box{border:1px solid #6b1426;background:linear-gradient(180deg,rgba(239,23,70,.055),rgba(239,23,70,0)),#0c0c10;border-radius:14px;padding:16px}.result-status{color:var(--accent);font-size:11px;font-weight:900;letter-spacing:.16em;margin-bottom:8px}.result-title{font-size:22px;font-weight:900;letter-spacing:-.02em;margin-bottom:14px}.result-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 0;border-top:1px solid rgba(255,255,255,.05);font-size:13px}.result-row span:first-child{color:var(--muted)}.result-row span:last-child{text-align:right;overflow-wrap:anywhere}.secondary{width:100%;height:48px;margin-top:12px;border:1px solid var(--line2);border-radius:13px;background:var(--panel2);color:#ededf0;font-weight:800}
.current-plan-card,.wallet-balance-card,.profile-card,.detail-card,.promo-card{border:1px solid var(--line2);border-radius:17px;background:linear-gradient(180deg,rgba(255,255,255,.015),rgba(255,255,255,0)),var(--panel);padding:16px}.current-plan-card{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.current-plan-card strong,.current-plan-card small{display:block}.current-plan-card strong{margin-top:7px;font-size:18px}.current-plan-card small{margin-top:4px;color:var(--muted);font-size:11px}.plan-orb{font-size:35px;color:var(--accent)}
.plan-list{display:grid;gap:9px}.plan-card{position:relative;border:1px solid var(--line2);border-radius:16px;background:var(--panel);padding:16px}.plan-card[data-current="1"]{border-color:#6d1c31;box-shadow:inset 0 0 0 1px rgba(239,23,70,.08)}.plan-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.plan-name{font-size:17px;font-weight:900}.plan-days{color:var(--muted);font-size:11px;margin-top:4px}.plan-price{text-align:right}.plan-price strong{font-size:20px}.plan-price del{display:block;color:#696972;font-size:10px;margin-top:3px}.plan-desc{color:var(--muted);font-size:11px;margin-top:12px;line-height:1.4}.plan-actions{display:flex;align-items:center;gap:8px;margin-top:13px}.plan-actions button{flex:1;height:40px;border-radius:11px;border:1px solid #5e182a;background:#1a0c11;color:#fff;font-weight:850;font-size:12px}.current-badge,.discount-badge{display:inline-flex;margin-top:10px;border-radius:999px;padding:5px 8px;font-size:9px;font-weight:900;letter-spacing:.07em}.current-badge{background:#143021;color:#aef7ca}.discount-badge{background:#2b1018;color:#ff9eb3;margin-left:6px}
.promo-card{margin-top:10px}.promo-copy strong,.promo-copy small{display:block}.promo-copy strong{font-size:13px}.promo-copy small{margin-top:4px;color:var(--muted);font-size:10px}.promo-row{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:11px}.promo-row input{height:43px;text-transform:uppercase}.promo-row button{border:0;border-radius:11px;background:#281017;color:#fff;padding:0 16px;font-weight:850}
.wallet-balance-card{padding:20px;background:radial-gradient(circle at 90% 0,rgba(239,23,70,.18),transparent 35%),var(--panel)}.wallet-balance-card>span{color:var(--muted);font-size:10px;font-weight:850;letter-spacing:.13em}.wallet-balance-card>strong{display:block;font-size:34px;margin:7px 0 13px;letter-spacing:-.03em}.wallet-balance-card>button{border:1px solid #64192d;background:#1c0d12;color:#fff;border-radius:11px;height:40px;padding:0 15px;font-weight:850}
.transaction-list{display:grid;gap:8px}.transaction{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;border:1px solid var(--line2);border-radius:14px;background:var(--panel);padding:12px 13px}.transaction strong,.transaction small{display:block}.transaction strong{font-size:12px;text-transform:capitalize}.transaction small{margin-top:3px;color:var(--muted);font-size:9px}.tx-amount{text-align:right;font-size:13px;font-weight:900}.tx-amount[data-positive="1"]{color:var(--green)}.empty-state{border:1px dashed #2e2e36;border-radius:14px;padding:24px;text-align:center;color:var(--muted);font-size:12px}
.profile-card{display:flex;align-items:center;gap:12px}.profile-avatar{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(145deg,#2a1119,#0d0d12);border:1px solid #5b1a2b;color:var(--accent);font-size:24px;font-weight:1000}.profile-card strong,.profile-card small{display:block}.profile-card strong{font-size:16px}.profile-card small{margin-top:4px;color:var(--muted);font-size:11px}.detail-card{margin-top:10px;padding:5px 15px}.detail-row{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:51px;border-bottom:1px solid rgba(255,255,255,.045);font-size:12px}.detail-row:last-child{border-bottom:0}.detail-row span{color:var(--muted)}.detail-row strong{text-align:right;max-width:65%;overflow-wrap:anywhere}
.bottom-nav{position:fixed;z-index:20;left:50%;bottom:0;transform:translateX(-50%);width:min(460px,100%);height:calc(70px + env(safe-area-inset-bottom));padding:7px 9px calc(6px + env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(5,1fr);background:rgba(9,9,12,.94);border-top:1px solid #24242b;backdrop-filter:blur(18px)}.bottom-nav button{border:0;background:none;color:#666670;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px}.bottom-nav button>span{font-size:20px;line-height:1}.bottom-nav small{font-size:9px;font-weight:800}.bottom-nav button[data-active="1"]{color:var(--accent)}
.sheet-backdrop{position:fixed;z-index:40;inset:0;background:rgba(0,0,0,.62);backdrop-filter:blur(3px)}.sheet{position:fixed;z-index:41;left:50%;bottom:0;transform:translateX(-50%);width:min(460px,100%);max-height:82vh;overflow:auto;background:#101014;border:1px solid #332128;border-bottom:0;border-radius:22px 22px 0 0;padding:9px 16px calc(22px + env(safe-area-inset-bottom));box-shadow:0 -24px 70px rgba(0,0,0,.45)}.sheet-handle{width:42px;height:4px;border-radius:999px;background:#42424b;margin:0 auto 12px}.sheet-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}.close-sheet{width:34px;height:34px;border-radius:50%;border:1px solid var(--line2);background:#19191f;color:#aaa;font-size:22px}.checkout-price{display:flex;align-items:end;justify-content:space-between;border:1px solid var(--line2);background:#0b0b0e;border-radius:14px;padding:14px;margin-bottom:12px}.checkout-price strong{font-size:28px}.checkout-price small{color:var(--muted);font-size:11px}.crypto-block{margin-top:12px;border-top:1px solid rgba(255,255,255,.06);padding-top:12px}.crypto-block label{display:block;color:var(--muted);font-size:11px;margin-bottom:7px}.crypto-row{display:grid;grid-template-columns:1fr auto;gap:8px}.crypto-row select,.sheet-select{height:43px;background:#17171d;border:1px solid #303039;border-radius:11px;padding:0 10px}.crypto-row button{border:1px solid #5e182a;border-radius:11px;background:#1a0c11;color:#fff;padding:0 12px;font-weight:850;font-size:11px}.preset-row{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:13px}.preset-row button{border:1px solid var(--line2);border-radius:10px;background:#17171d;color:#fff;height:36px;padding:0 12px;font-weight:800;font-size:11px}.sheet-input,.sheet-select{margin-bottom:12px}.sheet-note{display:block;color:var(--muted);font-size:10px;text-align:center;line-height:1.4;margin:10px 4px 0}.payment-status{display:flex;justify-content:space-between;gap:12px;align-items:center;border:1px solid var(--line2);border-radius:12px;padding:11px 12px;margin-bottom:9px}.payment-status span{color:var(--muted);font-size:11px}.payment-status strong{color:#ffd0da;font-size:12px}.payment-field{position:relative;border:1px solid var(--line2);border-radius:12px;padding:11px 12px;margin-bottom:9px}.payment-field>span{display:block;color:var(--muted);font-size:10px;margin-bottom:6px}.payment-field strong{font-size:16px}.payment-field code{display:block;color:#f1f1f4;font-size:11px;line-height:1.45;overflow-wrap:anywhere;padding-right:54px}.payment-field button{position:absolute;right:8px;bottom:8px;border:1px solid #4b1a26;background:#190d11;color:#ffc2ce;border-radius:8px;padding:5px 8px;font-size:9px;font-weight:800}
[hidden]{display:none!important}@media(max-width:370px){.app{padding-left:11px;padding-right:11px}.hero-card{padding:18px 16px}.hero-mark{font-size:62px}h1{font-size:26px}.status-grid{gap:7px}.action-grid{gap:7px}.action-card{padding:11px 8px}.bottom-nav{padding-left:4px;padding-right:4px}.bottom-nav small{font-size:8px}}