:root{color:#f5f8fc;background:#070b12;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--bg: #070b12;--panel: #111824;--panel-strong: #172131;--blue: #168bff;--cyan: #20d6ff;--text: #f5f8fc;--muted: #8f9baa;--line: rgba(245, 248, 252, .09);--soft-blue: rgba(22, 139, 255, .18);--soft-cyan: rgba(32, 214, 255, .16);--shadow: 0 20px 60px rgba(0, 0, 0, .38)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;overflow-x:hidden;background:radial-gradient(circle at 18% -6%,rgba(32,214,255,.18),transparent 23rem),radial-gradient(circle at 92% 18%,rgba(22,139,255,.14),transparent 22rem),linear-gradient(180deg,#0a1019 0%,var(--bg) 38%,#05070b 100%)}button{font:inherit}button:disabled{cursor:default}.app-shell{max-width:100vw;min-height:100vh;overflow-x:hidden;padding:18px 14px 112px;position:relative}.app-shell:before{background:linear-gradient(90deg,#168bff00,#20d6ff57,#168bff00);content:"";height:1px;left:24px;opacity:.8;position:fixed;right:24px;top:0}.topbar,.screen{margin:0 auto;max-width:520px}.topbar{align-items:center;display:flex;justify-content:space-between;margin-bottom:18px}.topbar h1,.subscription-card h2,.section-title h2,.quick-connect-card h2,.profile-hero h2,.state-card h2,.feature-block h3,.ref-card h3{letter-spacing:0;margin:0}.topbar h1{font-size:30px;line-height:1.05}.eyebrow{color:var(--cyan);font-size:11px;font-weight:850;letter-spacing:0;margin:0 0 7px;text-transform:uppercase}.brand-mark{background:var(--panel-strong);border:1px solid rgba(32,214,255,.44);border-radius:15px;box-shadow:0 0 24px #168bff5c,0 0 18px #20d6ff38;display:block;height:36px;object-fit:cover;object-position:50% 44%;width:36px}.screen{display:grid;gap:14px}.screen-plans{padding-bottom:88px}.subscription-card,.quick-connect-card,.profile-hero,.balance-card,.promo-card,.ref-card,.settings-card,.list-card,.feature-block,.history-card,.wallet-mini-card,.state-card{background:linear-gradient(180deg,#f5f8fc0d,#f5f8fc00),var(--panel);border:1px solid var(--line);box-shadow:var(--shadow)}.subscription-card{border-radius:34px;display:grid;gap:22px;overflow:hidden;padding:20px;position:relative}.subscription-card:after{background:linear-gradient(90deg,rgba(32,214,255,.5),transparent),linear-gradient(135deg,#168bff42,#20d6ff0a);border-radius:999px;content:"";height:5px;inset:auto 20px 18px;position:absolute}.subscription-head,.plan-card,.list-row,.feature-block,.profile-hero,.ref-card{align-items:center;display:flex}.subscription-head{gap:14px;justify-content:space-between}.subscription-head>div{min-width:0}.subscription-head h2{font-size:29px;line-height:1.05;overflow-wrap:anywhere}.status-badge{background:linear-gradient(135deg,#168bff47,#20d6ff2e);border:1px solid rgba(32,214,255,.34);border-radius:999px;box-shadow:0 0 24px #20d6ff24;color:var(--text);flex:0 0 auto;font-size:12px;font-weight:850;padding:8px 11px}.subscription-body{align-items:center;display:grid;gap:18px;grid-template-columns:138px 1fr;position:relative;z-index:1}.days-ring{--progress: 0%;align-items:center;aspect-ratio:1;background:radial-gradient(circle at center,var(--panel) 57%,transparent 59%),conic-gradient(var(--cyan) 0 var(--progress),rgba(143,155,170,.18) var(--progress) 100%);border-radius:50%;box-shadow:inset 0 0 28px #168bff2e,0 0 42px #20d6ff2e;display:grid;justify-items:center;padding:28px;width:138px}.days-ring strong{font-size:39px;line-height:1}.days-ring span{color:var(--muted);font-size:13px;font-weight:800}.subscription-facts,.connect-stack,.plan-list,.settings-card,.list-card{display:grid;gap:10px}.subscription-facts,.info-pill,.plan-main{min-width:0}.info-pill{background:#172131e0;border:1px solid var(--line);border-radius:22px;display:grid;gap:7px;min-height:74px;padding:13px}.info-pill span,.traffic-copy span,.balance-card span,.promo-card span,.plan-main span,.feature-block p,.ref-card p,.quick-connect-card p,.muted{color:var(--muted)}.info-pill span,.traffic-copy span,.balance-card span,.promo-card span{font-size:12px;font-weight:750}.info-pill strong{font-size:15px;line-height:1.15;overflow-wrap:anywhere}.traffic-panel{background:#172131c7;border:1px solid rgba(32,214,255,.12);border-radius:24px;display:grid;gap:12px;padding:14px;position:relative;z-index:1}.traffic-copy{align-items:center;display:flex;gap:10px;justify-content:space-between}.traffic-copy strong{font-size:13px;text-align:right}.progress-track{background:#8f9baa2e;border-radius:999px;height:10px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,var(--blue),var(--cyan));border-radius:inherit;box-shadow:0 0 22px #20d6ff52;height:100%}.primary-action{align-items:center;background:linear-gradient(135deg,var(--blue),var(--cyan));border:0;border-radius:23px;box-shadow:0 18px 44px #168bff4d;color:#03101e;display:inline-flex;font-weight:950;gap:8px;justify-content:center;min-height:60px;padding:0 20px;white-space:nowrap}.primary-action.wide{width:100%}.primary-action:disabled{opacity:.68}.secondary-action,.mini-action,.ghost-action,.icon-button{border:0;cursor:pointer}.secondary-action{align-items:center;background:#168bff29;border:1px solid rgba(32,214,255,.22);border-radius:18px;color:var(--text);display:inline-flex;font-size:13px;font-weight:900;gap:7px;min-height:44px;padding:0 13px}.mini-action{background:linear-gradient(135deg,#168bff4d,#20d6ff2b);border-radius:16px;color:var(--text);font-size:13px;font-weight:900;min-height:40px;padding:0 12px;width:fit-content}.ghost-action{background:transparent;color:var(--muted);font-weight:850;min-height:44px}.icon-button{align-items:center;background:#8f9baa1f;border:1px solid var(--line);border-radius:16px;color:var(--text);display:flex;height:42px;justify-content:center;width:42px}.action-grid{display:grid;gap:10px;grid-template-columns:repeat(3,minmax(0,1fr))}.action-card{align-items:center;background:linear-gradient(180deg,#168bff26,#20d6ff0a),var(--panel-strong);border:1px solid rgba(32,214,255,.14);border-radius:24px;box-shadow:0 14px 36px #00000038;color:var(--text);display:grid;gap:9px;justify-items:center;min-width:0;min-height:98px;padding:14px 8px}.action-card svg,.quick-icon svg,.feature-icon svg,.row-icon svg,.ref-card svg{color:var(--cyan)}.action-card span{font-size:13px;font-weight:850;overflow-wrap:anywhere;text-align:center}.section-title{padding:3px 2px 0}.section-title h2{font-size:34px;line-height:1.05}.plan-card{background:linear-gradient(180deg,#f5f8fc0b,#f5f8fc00),var(--panel);border:1px solid var(--line);border-radius:27px;box-shadow:0 14px 36px #0000003d;color:var(--text);gap:13px;min-height:96px;min-width:0;padding:16px;text-align:left;width:100%}.plan-card.selected{border-color:#20d6ffc2;box-shadow:0 0 0 1px #168bff52,0 0 34px #20d6ff2e,var(--shadow)}.radio-dot{border:2px solid rgba(143,155,170,.45);border-radius:50%;flex:0 0 auto;height:22px;position:relative;width:22px}.plan-card.selected .radio-dot{border-color:var(--cyan)}.plan-card.selected .radio-dot:after{background:linear-gradient(135deg,var(--blue),var(--cyan));border-radius:inherit;content:"";inset:4px;position:absolute}.plan-main{display:grid;flex:1 1 auto;gap:6px;min-width:0}.plan-main strong{font-size:18px;overflow-wrap:anywhere}.plan-main span{font-size:13px;line-height:1.35}.plan-price{color:var(--cyan);flex:0 0 auto;font-size:18px;font-weight:950;white-space:nowrap}.plans-cta{background:linear-gradient(180deg,#070b1200,#070b12f0 26%,#070b12);bottom:88px;left:0;padding:18px 14px 10px;position:fixed;right:0;z-index:4}.plans-cta .primary-action{margin:0 auto;max-width:520px}.quick-connect-card{border-radius:34px;display:grid;gap:20px;justify-items:center;min-height:354px;padding:26px 20px;text-align:center}.quick-icon{align-items:center;background:linear-gradient(var(--panel),var(--panel)) padding-box,linear-gradient(135deg,var(--blue),var(--cyan)) border-box;border:1px solid transparent;border-radius:38px;box-shadow:0 0 0 12px #168bff14,0 0 50px #20d6ff24;display:flex;height:100px;justify-content:center;width:100px}.quick-connect-card h2{font-size:30px;line-height:1.06}.quick-connect-card p{line-height:1.45;margin:9px 0 0}.feature-block{border-radius:26px;gap:14px;min-height:88px;padding:15px}.feature-icon,.row-icon{align-items:center;background:#168bff24;border:1px solid rgba(32,214,255,.14);border-radius:17px;display:flex;flex:0 0 auto;height:42px;justify-content:center;width:42px}.feature-block div:nth-child(2){flex:1 1 auto;min-width:0}.feature-block h3{font-size:16px}.feature-block p{font-size:13px;line-height:1.35;margin:5px 0 0}.chevron,.row-right svg{color:#8f9baab8;flex:0 0 auto}.profile-hero{border-radius:32px;gap:16px;padding:18px}.profile-hero h2{font-size:28px;overflow-wrap:anywhere}.avatar{align-items:center;background:linear-gradient(135deg,var(--blue),var(--cyan));border-radius:24px;box-shadow:0 0 34px #20d6ff33;color:#03101e;display:flex;flex:0 0 auto;font-size:27px;font-weight:950;height:68px;justify-content:center;width:68px}.profile-grid{display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.balance-card,.promo-card{border-radius:27px;display:grid;gap:12px;min-height:118px;padding:18px}.balance-card strong,.promo-card strong{font-size:26px;line-height:1}.promo-card{background:linear-gradient(180deg,#20d6ff1a,#168bff08),var(--panel-strong)}.ref-card{border-radius:28px;gap:14px;padding:18px}.ref-card h3{font-size:17px}.ref-card p{font-size:13px;line-height:1.35;margin:5px 0 0}.settings-card,.list-card{border-radius:28px;padding:6px}.wallet-mini-card{align-items:center;border-radius:28px;display:flex;justify-content:space-between;min-height:92px;padding:17px}.wallet-mini-card span{color:var(--muted);display:block;font-size:12px;font-weight:800;margin-bottom:7px}.wallet-mini-card strong{font-size:26px;line-height:1}.list-row{border-radius:22px;justify-content:space-between;min-height:62px;padding:10px}.list-row+.list-row{border-top:1px solid rgba(245,248,252,.06)}.row-left,.row-right{align-items:center;display:flex}.row-left{gap:12px;min-width:0}.row-left>span:last-child{font-weight:780;overflow-wrap:anywhere}.row-right{color:var(--muted);gap:7px}.row-right strong{font-size:13px;font-weight:750;text-align:right}.state-card{align-items:center;border-radius:30px;display:grid;gap:14px;justify-items:center;margin:80px auto 0;max-width:420px;min-height:220px;padding:22px;text-align:center}.state-card.error{border-color:#ff717152}.notice{align-items:center;border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow);display:flex;gap:10px;left:14px;margin:0 auto;max-width:520px;padding:12px 13px;position:sticky;right:14px;top:10px;z-index:8}.notice.success{background:#124933f0;border-color:#20d6ff3d}.notice.error{background:#4a1c23f0;border-color:#ff717147}.notice span{flex:1 1 auto;font-size:13px;font-weight:850}.notice button{background:transparent;border:0;color:currentColor;display:flex;padding:3px}.history-card{border-radius:28px;display:grid;gap:14px;padding:17px}.card-head{align-items:center;display:flex;justify-content:space-between}.card-head h3{font-size:21px;letter-spacing:0;margin:0}.card-head svg{color:var(--cyan)}.history-list{display:grid;gap:10px}.history-row{align-items:center;background:#1721319e;border:1px solid rgba(245,248,252,.06);border-radius:22px;display:flex;gap:12px;min-height:72px;padding:12px}.history-icon{align-items:center;border-radius:17px;display:flex;flex:0 0 auto;height:42px;justify-content:center;width:42px}.history-icon.plus{background:#20d6ff24;color:var(--cyan)}.history-icon.minus{background:#168bff24;color:var(--blue)}.history-main{display:grid;flex:1 1 auto;gap:5px;min-width:0}.history-main strong{font-size:14px;overflow-wrap:anywhere}.history-main span,.empty-copy{color:var(--muted);font-size:12px;line-height:1.35}.amount{flex:0 0 auto;font-size:15px;white-space:nowrap}.amount.plus{color:var(--cyan)}.amount.minus{color:var(--text)}.empty-copy{margin:0}.overlay{align-items:flex-end;background:#01050ba8;display:flex;justify-content:center;inset:0;padding:14px;position:fixed;z-index:20}.bottom-sheet,.dialog-card{background:linear-gradient(180deg,#f5f8fc0f,#f5f8fc00),var(--panel);border:1px solid var(--line);box-shadow:0 26px 80px #00000094;max-width:520px;width:100%}.bottom-sheet{border-radius:32px 32px 24px 24px;display:grid;gap:16px;padding:10px 18px 18px}.sheet-handle{background:#8f9baa59;border-radius:999px;height:4px;justify-self:center;width:46px}.sheet-head{align-items:center;display:flex;justify-content:space-between}.sheet-head h2,.dialog-card h2{letter-spacing:0;margin:0}.amount-field{background:#172131b8;border:1px solid var(--line);border-radius:22px;display:grid;gap:8px;padding:13px}.amount-field span{color:var(--muted);font-size:12px;font-weight:800}.amount-field input{background:transparent;border:0;color:var(--text);font-size:30px;font-weight:950;outline:0;width:100%}.quick-amounts{display:grid;gap:8px;grid-template-columns:repeat(4,minmax(0,1fr))}.quick-amounts button{background:#168bff21;border:1px solid rgba(32,214,255,.14);border-radius:16px;color:var(--text);font-size:13px;font-weight:900;min-height:42px}.dialog-card{align-self:center;border-radius:30px;display:grid;gap:14px;justify-items:center;padding:24px;text-align:center}.dialog-card svg{color:var(--cyan)}.dialog-card p{color:var(--muted);line-height:1.45;margin:0}.bottom-nav{-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:linear-gradient(180deg,#172131d1,#070b12eb),#0b111ae0;border:1px solid rgba(245,248,252,.11);border-radius:28px;bottom:14px;box-shadow:0 18px 60px #00000080,0 0 32px #168bff1f;display:grid;gap:4px;grid-template-columns:repeat(4,minmax(0,1fr));left:12px;margin:0 auto;max-width:520px;padding:8px;position:fixed;right:12px;z-index:5}.nav-button{align-items:center;background:transparent;border:0;border-radius:20px;color:var(--muted);cursor:pointer;display:grid;font-size:10px;font-weight:850;gap:5px;justify-items:center;min-height:60px;padding:7px 2px}.nav-button svg{color:currentColor}.nav-button.active{background:linear-gradient(135deg,#168bff52,#20d6ff2e);box-shadow:inset 0 0 0 1px #20d6ff29;color:var(--text)}@media(min-width:560px){.app-shell{padding-top:28px}}@media(max-width:390px){.app-shell{padding-left:11px;padding-right:11px}.subscription-body{grid-template-columns:122px 1fr}.days-ring{padding:24px;width:122px}.days-ring strong{font-size:34px}.plan-card{align-items:flex-start}.plan-price{font-size:16px}}@media(max-width:350px){.subscription-body,.profile-grid{grid-template-columns:1fr}.days-ring{justify-self:center}.action-grid{grid-template-columns:1fr}}