:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#070914;color:#eff6ff}*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(circle at 8% -4%,rgba(124,58,237,.26),transparent 24rem),radial-gradient(circle at 100% 14%,rgba(14,165,233,.18),transparent 23rem),radial-gradient(circle at 48% 100%,rgba(45,212,191,.08),transparent 28rem),linear-gradient(180deg,#0c1022,#080b16 48%,#050711);background-attachment:fixed}button{font:inherit}.app{width:min(100%,520px);min-height:100vh;margin:0 auto;padding:18px 18px 34px}.center{display:grid;place-content:center;justify-items:center;gap:14px}.loader{width:34px;height:34px;border:3px solid rgba(148,163,184,.22);border-top-color:#2dd4bf;border-radius:50%;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.status{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:16px 0 18px}.eyebrow{margin:0 0 4px;color:#a78bfa;font-size:13px;font-weight:800}h1,h2,p{margin:0}h1{font-size:30px;line-height:1.08;letter-spacing:0}h2{font-size:20px;letter-spacing:0}.heroPanel,.planCard,.details,.homeSection,.panel{border:1px solid rgba(148,163,184,.18);border-radius:22px;background:#0e1426bd;padding:18px;box-shadow:0 22px 60px #0000004d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.heroPanel{position:relative;overflow:hidden;display:grid;gap:16px}.premiumHero{border-color:#ddd6fe3d;background:radial-gradient(circle at 92% 4%,rgba(250,204,21,.24),transparent 11rem),linear-gradient(145deg,#6366f14d,#0f172ac7 48%,#080c1af0),#0f172ae6;box-shadow:0 28px 70px #03071285,0 0 48px #7c3aed24,0 0 0 1px #ffffff0d inset}.premiumHero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(115deg,transparent 25%,rgba(255,255,255,.05) 44%,transparent 60%)}.premiumHeroIcon{color:#facc15;filter:drop-shadow(0 0 12px rgba(250,204,21,.34))}.premiumSparkle{position:absolute;top:62px;right:24px;color:#fde68ab8;animation:premiumFloat 3.2s ease-in-out infinite}.premiumTitle{max-width:320px;font-size:32px;letter-spacing:-.8px;background:linear-gradient(100deg,#fff 10%,#fef3c7 48%,#c4b5fd 92%);-webkit-background-clip:text;background-clip:text;color:transparent}.premiumExpiry{position:relative;z-index:1;display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:11px;min-height:66px;border:1px solid rgba(250,204,21,.24);border-radius:17px;padding:11px 12px;background:linear-gradient(120deg,#facc151f,#7c3aed1f)}.expiryIcon{display:grid;width:42px;height:42px;place-items:center;border-radius:13px;background:#facc1524;color:#fde68a}.expiryDate{display:grid;gap:3px}.expiryDate span,.premiumStats span{color:#aab3c7;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.expiryDate strong{color:#fff7d6;font-size:15px}.daysLeft{border-radius:999px;padding:7px 9px;background:#ffffff17;color:#fef3c7;font-size:12px;font-weight:850;white-space:nowrap}.premiumStats{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.premiumStats>div{display:grid;gap:5px;min-height:68px;align-content:center;border:1px solid rgba(255,255,255,.08);border-radius:15px;padding:10px;background:#04081457}.premiumStats strong{color:#f8fafc;font-size:18px}@keyframes premiumFloat{0%,to{transform:translateY(0) rotate(-4deg);opacity:.62}50%{transform:translateY(-5px) rotate(4deg);opacity:1}}.heroInfo{display:grid;gap:8px;border:1px solid rgba(148,163,184,.14);border-radius:8px;padding:10px 12px;background:#02061747}.heroTop,.planTitle,.devices,.infoRow{display:flex;align-items:center;justify-content:space-between;gap:12px}.statusBadge{display:inline-flex;align-items:center;gap:6px;width:fit-content;border:1px solid rgba(148,163,184,.26);border-radius:999px;padding:7px 10px;color:#cbd5e1;font-size:13px;font-weight:700}.statusBadge.active{border-color:#5eead452;color:#99f6e4}.statusBadge.premium{border-color:#fbbf2480;background:#facc151f;color:#fde68a}.statusBadge.premium svg{color:#facc15}.muted,.label,.infoRow span{color:#9ca3af}.muted{font-size:14px;line-height:1.45}.primary,.ghost,.connectGrid button,.term,.stepper button{min-height:42px;border-radius:8px}.primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:48px;border:0;background:#2dd4bf;color:#06211f;font-weight:850}.primary.secondary{background:#60a5fa;color:#07192f}.premiumCta{display:flex;align-items:center;justify-content:flex-start;gap:12px;width:100%;min-height:58px;border:1px solid rgba(251,191,36,.42);border-radius:15px;padding:10px 13px;background:linear-gradient(110deg,#fcd34d,#c4b5fd 54%,#67e8f9);color:#111827;box-shadow:0 14px 34px #facc1533}.premiumCta svg{flex:0 0 auto;color:#111827}.premiumCtaContent{display:grid;gap:2px;min-width:0;text-align:left}.premiumCtaContent strong,.premiumCtaContent span{overflow-wrap:anywhere}.premiumCtaContent strong{font-size:16px;line-height:1.15}.premiumCtaContent span{color:#111827c7;font-size:13px;font-weight:750;line-height:1.2}.compactCta{justify-content:center;min-height:50px;font-weight:850}.heroActions{position:relative;z-index:1;display:grid;gap:9px}.renewCta{display:inline-flex;align-items:center;justify-content:center;gap:9px;width:100%;min-height:48px;border:1px solid rgba(196,181,253,.32);border-radius:15px;padding:10px 13px;background:linear-gradient(120deg,#7c3aed33,#facc151a);color:#f5f3ff;font-weight:850;box-shadow:0 10px 30px #4c1d9529}.renewCta svg{flex:0 0 auto;color:#ddd6fe}.renewCta.featured{justify-content:flex-start;min-height:62px;border-color:#c4b5fd75;background:linear-gradient(110deg,#6d28d957,#1e293bb3,#facc151f)}.renewCta.featured .premiumCtaContent span{color:#c4b5fd}.primary:disabled,.stepper button:disabled{opacity:.48}.ghost{display:inline-flex;align-items:center;gap:7px;margin-bottom:12px;border:1px solid rgba(148,163,184,.18);background:#0f172a8a;color:#e5eefb;padding:0 12px}.ghost.fullWidth{justify-content:center;width:100%;margin-bottom:0}.details,.homeSection,.planCard,.connectGrid,.subscription,.notice{margin-top:14px}.details{display:grid;gap:12px}.homeSection{display:grid;gap:13px}.homeSection:hover{border-color:#a78bfa3d}.homeSection.compact{grid-template-columns:auto minmax(0,1fr) auto;align-items:center}.sectionTitle{display:flex;align-items:center;justify-content:space-between;gap:12px}.textAction{min-height:34px;border:1px solid rgba(45,212,191,.28);border-radius:8px;padding:0 10px;background:#14b8a61a;color:#99f6e4;font-size:13px;font-weight:800}.benefitGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.benefit{display:grid;gap:7px;min-height:108px;border:1px solid rgba(148,163,184,.14);border-radius:15px;padding:11px;background:#02061747}.benefit span,.quickConnectIcon,.referralIcon{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:8px;background:#2dd4bf1f;color:#5eead4}.referralSection{background:linear-gradient(135deg,#14b8a624,#60a5fa1a),#0f172ac7}.referralLink{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;min-height:46px;border:1px solid rgba(94,234,212,.26);border-radius:8px;padding:10px 12px;background:#02061757;color:#dbeafe;text-align:left}.referralLink span{overflow-wrap:anywhere;font-size:13px;line-height:1.25}.referralLink svg{color:#5eead4}.benefit strong{color:#eff6ff;font-size:14px;line-height:1.2}.benefit p{color:#9ca3af;font-size:12px;line-height:1.3}.quickConnectIcon.online{background:#60a5fa1f;color:#93c5fd}.supportButton{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border:1px solid rgba(148,163,184,.18);border-radius:8px;background:#02061747;color:#e5eefb}.deviceMeter{overflow:hidden;height:9px;border-radius:999px;background:#94a3b829}.deviceMeter span{display:block;height:100%;min-width:0;border-radius:inherit;background:linear-gradient(90deg,#2dd4bf,#60a5fa)}.deviceList{display:grid;gap:8px}.deviceItem{display:grid;grid-template-columns:minmax(0,1fr) 42px;align-items:center;gap:10px;min-height:58px;border:1px solid rgba(148,163,184,.14);border-radius:8px;padding:10px 10px 10px 12px;background:#02061747}.deviceItem strong,.deviceItem p{overflow-wrap:anywhere}.deviceItem strong{display:block;color:#eff6ff;font-size:14px;line-height:1.25}.deviceItem p{margin-top:3px;color:#9ca3af;font-size:12px;line-height:1.25}.deviceItem button{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border:1px solid rgba(248,113,113,.22);border-radius:8px;background:#7f1d1d29;color:#fca5a5}.deviceItem button:disabled{opacity:.48}.infoRow{min-height:30px}.planCard{display:grid;gap:14px}.planCard+.planCard{margin-top:14px}.planTitle strong{flex:0 0 auto;font-size:22px}.terms{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.term{position:relative;display:grid;gap:6px;min-height:82px;border:1px solid rgba(148,163,184,.2);padding:12px;text-align:left;color:#e5eefb;background:#02061757}.term.active{border-color:#2dd4bfcc;background:#14b8a61f}.term em{color:#5eead4;font-size:12px;font-style:normal}.devices{border-top:1px solid rgba(148,163,184,.14);border-bottom:1px solid rgba(148,163,184,.14);padding:14px 0}.label{display:inline-flex;align-items:center;gap:6px;margin-right:8px}.stepper{display:grid;grid-template-columns:38px 38px;gap:6px}.stepper button,.connectGrid button{border:1px solid rgba(148,163,184,.2);color:#e5eefb;background:#0f172ab3}.connectGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.connectGrid button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:56px;font-weight:760}.subscription{overflow-wrap:anywhere;border:1px solid rgba(148,163,184,.14);border-radius:8px;background:#0206175c;padding:12px;color:#cbd5e1;font-size:12px;line-height:1.35}.notice{color:#99f6e4;font-size:14px;line-height:1.4}@media(max-width:380px){.app{padding:14px}.connectGrid,.terms,.benefitGrid{grid-template-columns:1fr}.homeSection.compact{grid-template-columns:auto minmax(0,1fr)}.supportButton{grid-column:1 / -1;width:100%}}