:root{--bg:#08090c;--bg-grad:radial-gradient(120% 60% at 50% -10%, #131722 0%, #08090c 55%);--panel:#14161d;--panel-2:#1b1e27;--panel-grad:linear-gradient(165deg, #171a23 0%, #121319 100%);--border:#ffffff12;--border-strong:#ffffff24;--text:#f5f6f9;--text-dim:#8b93a5;--text-faint:#5b6272;--accent:#4f9bff;--accent-2:#2e6fe0;--accent-soft:#4f9bff24;--gold:#f0b429;--success:#34d399;--success-soft:#34d39924;--danger:#f87171;--danger-soft:#f8717124;--radius:18px;--radius-sm:12px;--shadow-card:0 1px 0 #ffffff0a inset, 0 10px 24px -12px #0009;--shadow-btn:0 8px 20px -8px #4f9bff8c}@media (prefers-color-scheme:light){:root{--bg:#eef0f4;--bg-grad:radial-gradient(120% 60% at 50% -10%, #fff 0%, #eef0f4 55%);--panel:#fff;--panel-2:#f4f5f8;--panel-grad:linear-gradient(165deg, #fff 0%, #f6f7fa 100%);--border:#0f141e14;--border-strong:#0f141e24;--text:#10131a;--text-dim:#626a7a;--text-faint:#9aa1af;--shadow-card:0 1px 0 #fff9 inset, 0 10px 24px -14px #0f141e40}}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg-grad), var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;background-attachment:fixed;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}button{cursor:pointer;font-family:inherit}.app{min-height:100vh;padding-bottom:calc(78px + env(safe-area-inset-bottom));flex-direction:column;display:flex}.screen{flex:1;width:100%;max-width:480px;margin:0 auto;padding:18px 16px 24px;animation:.25s fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.card{background:var(--panel-grad);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-card);margin-bottom:12px;padding:18px}.card-title{color:var(--text-dim);text-transform:uppercase;letter-spacing:.08em;margin:0 0 10px;font-size:12px;font-weight:700}.row{justify-content:space-between;align-items:center;display:flex}.icon-badge{background:var(--accent-soft);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:19px;display:flex}.icon-badge.gold{background:#f0b42924}.icon-badge.success{background:var(--success-soft)}.hero{border:1px solid var(--border-strong);box-shadow:var(--shadow-card);color:#f5f6f9;background:radial-gradient(120% 140% at 100% 0,#4f9bff59 0%,#0000 55%),linear-gradient(165deg,#1a2333 0%,#12141c 70%);border-radius:22px;margin-bottom:14px;padding:22px 20px;position:relative;overflow:hidden}.hero .hero-stat-label,.hero .hero-valid,.hero .center-msg{color:#f5f6f999!important}.hero-top{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.hero-server{align-items:center;gap:10px;font-size:15px;font-weight:700;display:flex}.hero-stat{letter-spacing:-.02em;font-size:34px;font-weight:800;line-height:1}.hero-stat-label{color:var(--text-dim);margin-top:6px;font-size:12px;font-weight:600}.pill{letter-spacing:.01em;border-radius:999px;align-items:center;gap:6px;padding:5px 11px;font-size:12.5px;font-weight:700;display:inline-flex}.pill-success{background:var(--success-soft);color:var(--success)}.pill-danger{background:var(--danger-soft);color:var(--danger)}.pill-gold{color:var(--gold);background:#f0b42929}.progress{background:#ffffff0f;border-radius:999px;height:10px;margin-top:14px;position:relative;overflow:hidden}.progress-bar{background:linear-gradient(90deg, var(--accent-2), var(--accent) 70%, #8bc4ff);border-radius:999px;height:100%;transition:width .4s cubic-bezier(.22,1,.36,1);box-shadow:0 0 12px 1px #4f9bff8c}.btn{text-align:center;border:none;border-radius:14px;width:100%;padding:15px 16px;font-size:15px;font-weight:700;transition:transform .12s,box-shadow .12s,opacity .12s;display:block}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.55}.btn-primary{background:linear-gradient(135deg, var(--accent), var(--accent-2));color:#fff;box-shadow:var(--shadow-btn)}.btn-secondary{background:var(--panel-2);color:var(--text);border:1px solid var(--border-strong)}.btn+.btn{margin-top:10px}.plan-card{background:var(--panel-grad);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-card);margin-bottom:14px;padding:18px;position:relative}.plan-card.popular{box-shadow:var(--shadow-card), 0 0 0 1px #f0b4292e;border-color:#f0b42973}.plan-ribbon{background:linear-gradient(135deg, var(--gold), #d69412);color:#241a00;letter-spacing:.02em;border-radius:999px;padding:4px 10px;font-size:11px;font-weight:800;position:absolute;top:-10px;right:16px;box-shadow:0 6px 14px -4px #f0b42999}.plan-card .plan-head{align-items:center;gap:12px;margin-bottom:14px;display:flex}.plan-card .plan-name{flex:1;font-size:16px;font-weight:700}.plan-card .plan-price{color:var(--accent);letter-spacing:-.01em;font-size:19px;font-weight:800}.plan-card .plan-meta{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.plan-tag{color:var(--text-dim);border:1px solid var(--border);background:#ffffff0d;border-radius:999px;padding:4px 9px;font-size:12px;font-weight:600}.mono{word-break:break-all;background:var(--panel-2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:11px 12px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12.5px}.center-msg{text-align:center;color:var(--text-dim);padding:40px 16px}.qr-wrap{justify-content:center;margin:10px 0 16px;display:flex}.qr-wrap img{width:240px;max-width:80%;height:auto;box-shadow:var(--shadow-card);background:#fff;border-radius:16px;padding:12px;display:block}.lang-toggle{gap:8px;display:flex}.lang-toggle button{border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--panel-2);color:var(--text);flex:1;padding:12px;font-weight:700;transition:all .15s}.lang-toggle button.active{background:linear-gradient(135deg, var(--accent), var(--accent-2));color:#fff;box-shadow:var(--shadow-btn);border-color:#0000}.tabbar{padding:0 12px calc(14px + env(safe-area-inset-bottom));pointer-events:none;justify-content:center;display:flex;position:fixed;bottom:0;left:0;right:0}.tabbar-inner{-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-strong);pointer-events:auto;background:#14161de0;border-radius:20px;gap:2px;width:100%;max-width:440px;padding:6px;display:flex;box-shadow:0 16px 32px -12px #0000008c}@media (prefers-color-scheme:light){.tabbar-inner{background:#ffffffe6}}.tabbar-item{color:var(--text-faint);background:0 0;border:none;border-radius:14px;flex-direction:column;flex:1;align-items:center;gap:3px;padding:9px 4px 8px;font-size:10.5px;font-weight:600;transition:color .15s,background .15s;display:flex}.tabbar-item.active{color:#fff;background:linear-gradient(135deg, var(--accent), var(--accent-2));box-shadow:var(--shadow-btn)}.tabbar-icon{font-size:19px;line-height:1}.skeleton{border-radius:var(--radius);background:linear-gradient(100deg, var(--panel) 30%, var(--panel-2) 50%, var(--panel) 70%);background-size:200% 100%;animation:1.4s ease-in-out infinite shimmer}@keyframes shimmer{0%{background-position:150% 0}to{background-position:-50% 0}}