:root{color-scheme:dark;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display",Inter,Arial,sans-serif;background:#080b11;color:#f7f8ff;font-synthesis:none}*{box-sizing:border-box}html,body{margin:0;min-height:100%;overflow-x:hidden}button,input{font:inherit}button{cursor:pointer;color:inherit}button:disabled{cursor:not-allowed}svg{display:block;width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}.sprite{position:absolute;width:0;height:0;overflow:hidden}body{background:radial-gradient(ellipse 80% 52% at 50% -8%,#283849 0,transparent 75%),#070a0f}.app-shell{position:relative;max-width:450px;min-height:100dvh;margin:auto;padding:env(safe-area-inset-top) 16px calc(102px + env(safe-area-inset-bottom));background:radial-gradient(ellipse 90% 40% at 50% -2%,rgba(59,77,112,.25),transparent 78%),linear-gradient(180deg,#0b0f16 0%,#070a0e 51%,#07090d 100%);border-left:1px solid rgba(167,183,220,.08);border-right:1px solid rgba(167,183,220,.08);box-shadow:0 0 70px rgba(0,0,0,.4);overflow:hidden}.app-shell:before{content:"";position:absolute;left:-25%;right:-25%;top:0;height:130px;background:radial-gradient(ellipse at 50% 0,rgba(123,146,199,.12),transparent 70%);pointer-events:none}.topbar{height:93px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:5}.topbar-side{min-width:70px;border:0;background:none;text-align:left;padding:0 2px;font-size:15px;font-weight:550}.topbar-side.back{display:flex;gap:3px;align-items:center}.topbar-side svg{width:19px;height:19px}.topbar-more{width:32px;height:32px;border:1px solid rgba(200,214,244,.42);border-radius:50%;background:rgba(17,22,30,.68);display:grid;place-items:center;padding:0}.topbar-more svg{width:21px;height:21px}.brand{position:absolute;left:50%;transform:translateX(-50%);top:20px;display:flex;align-items:center;white-space:nowrap;font-size:22px;font-weight:500;letter-spacing:-.035em;line-height:1}.brand-emoji{font-size:25px;margin-right:5px}.brand small{display:block;margin:7px 0 0;color:#9498a6;text-align:center;font-size:12px;font-weight:400;letter-spacing:0}.page{display:none;position:relative;animation:page-in .28s ease-out}.page.active{display:block}@keyframes page-in{from{opacity:.2;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}#main-scroll{position:relative;z-index:1}.section-pill{width:max-content;min-width:150px;margin:3px auto 16px;padding:10px 22px;background:linear-gradient(180deg,rgba(41,47,58,.68),rgba(23,27,35,.74));border:1px solid rgba(158,169,195,.25);border-radius:25px;box-shadow:inset 0 1px rgba(255,255,255,.08),0 8px 20px rgba(0,0,0,.2);text-align:center;font-size:14px;font-weight:620}.eyebrow,.subscription-date{color:#a8a9b6;font-size:15px}.hero{height:278px;position:relative;isolation:isolate}.planet{position:absolute;z-index:-1;width:680px;height:420px;left:50%;top:-2px;transform:translateX(-50%) rotate(12deg);border-radius:50%;border-top:1px solid rgba(191,205,255,.7);background:radial-gradient(ellipse at 47% 10%,rgba(125,155,227,.5) 0,rgba(35,52,88,.49) 25%,rgba(8,14,29,.72) 59%,rgba(2,6,14,.96) 75%);box-shadow:inset 0 18px 40px rgba(113,155,255,.2),inset 30px -20px 70px #02040a,0 -7px 34px rgba(132,158,255,.2);overflow:hidden}.planet:after{content:"";position:absolute;top:-25px;right:-18px;width:260px;height:210px;background:radial-gradient(circle,rgba(198,189,255,.27),transparent 70%);filter:blur(9px)}.hero-details{position:absolute;left:0;right:0;bottom:2px;display:flex;flex-direction:column;align-items:center;text-align:center}.hero-balance{margin-top:4px;font-size:37px;line-height:1.1;letter-spacing:-.045em}.subscription-date{margin-top:13px;font-size:14px}.hero-badges{display:flex;gap:9px;margin-top:16px}.hero-badges span{height:39px;display:flex;align-items:center;gap:8px;border-radius:22px;padding:0 13px;background:linear-gradient(180deg,rgba(27,32,45,.88),rgba(12,18,29,.88));border:1px solid rgba(161,176,210,.22);box-shadow:inset 0 1px rgba(255,255,255,.07);font-size:13px;white-space:nowrap}.hero-badges svg{height:18px;width:18px;color:#d6e0ff}.hero-badges b{font-weight:500}.home-actions{display:grid;gap:10px;margin-top:14px}.button{width:100%;height:60px;border-radius:30px;border:1px solid rgba(190,201,226,.23);display:flex;align-items:center;justify-content:center;gap:13px;font-weight:650;font-size:16px}.button svg{height:24px;width:24px}.button-primary{color:#111825;background:linear-gradient(110deg,#f1f5ff 0%,#dce6ff 51%,#f4f5ff 100%);box-shadow:0 7px 28px rgba(119,151,255,.18),inset 0 1px #fff}.button-dark{background:linear-gradient(145deg,#1a202b,#10141c 60%,#1d2430);box-shadow:inset 0 1px rgba(255,255,255,.08)}.button:active,.feature-card:active,.bottom-nav button:active{transform:scale(.98)}.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}.feature-card{height:160px;position:relative;overflow:hidden;text-align:left;border-radius:22px;border:1px solid rgba(167,181,205,.28);background:radial-gradient(circle at 82% 73%,rgba(81,120,191,.24),transparent 40%),linear-gradient(145deg,#19212b,#0d1118 70%);box-shadow:inset 0 1px rgba(255,255,255,.05);padding:18px 14px;font-size:15px;font-weight:650}.feature-card img{position:absolute;object-fit:contain;pointer-events:none;filter:drop-shadow(0 10px 15px rgba(0,0,0,.45))}.feature-headset{width:125px;height:125px;right:-3px;bottom:-2px}.feature-devices{width:165px;height:123px;right:-6px;bottom:1px}.round-arrow{position:absolute;left:14px;bottom:15px;width:35px;height:35px;border-radius:50%;background:rgba(83,98,119,.48);display:grid;place-items:center}.round-arrow svg{width:18px;height:18px}.referral-teaser{display:flex;align-items:center;gap:12px;margin:14px 0 12px;padding:12px 16px;border:1px solid rgba(151,172,204,.24);border-radius:18px;background:linear-gradient(125deg,rgba(36,46,69,.58),rgba(16,23,33,.7));font-size:13px}.referral-teaser .teaser-icon{font-size:21px}.referral-teaser span:nth-child(2){flex:1}.referral-teaser b,.referral-teaser small{display:block}.referral-teaser small{font-size:11px;color:#a7adbd;margin-top:3px}.referral-teaser svg{width:17px;height:17px}.bottom-nav{position:fixed;z-index:30;left:50%;bottom:calc(15px + env(safe-area-inset-bottom));transform:translateX(-50%);width:min(calc(100% - 32px),416px);height:65px;padding:7px 10px;display:flex;justify-content:space-between;align-items:center;border-radius:27px;background:linear-gradient(125deg,rgba(28,34,46,.95),rgba(12,17,25,.97));border:1px solid rgba(196,202,223,.22);box-shadow:0 15px 40px rgba(0,0,0,.6),inset 0 1px rgba(255,255,255,.08);backdrop-filter:blur(18px)}.bottom-nav button{width:67px;height:50px;border-radius:20px;border:0;background:none;display:grid;place-items:center;color:#d9dce4;transition:all .2s}.bottom-nav button svg{width:25px;height:25px}.bottom-nav button.selected{width:79px;background:linear-gradient(130deg,#f0f4ff,#c2d3ff 75%,#e3edff);color:#121824;box-shadow:0 0 23px rgba(140,177,255,.64),inset 0 1px #fff}.bottom-nav button.selected svg{stroke-width:2.1}.referral-headline{margin:4px 0 17px;padding:0 4px;color:#cfd3df;font-size:15px;line-height:1.42;text-align:center}.referral-headline em{font-style:normal;color:#c6d4ff;font-weight:750}.referral-dashboard{display:grid;grid-template-columns:1fr 1fr;gap:10px}.stat-stack{display:grid;gap:9px}.stat-card,.goal-card{background:linear-gradient(145deg,#131820,#0b0f16);border:1px solid rgba(184,198,225,.16);border-radius:19px;box-shadow:inset 0 1px rgba(255,255,255,.03),0 5px 16px rgba(0,0,0,.2)}.stat-card{height:75px;padding:12px 16px}.stat-card span,.goal-label{display:block;color:#989ca8;font-size:12px}.stat-card strong{display:block;margin-top:5px;font-size:23px;letter-spacing:-.04em}.goal-card{height:243px;display:flex;flex-direction:column;align-items:center;padding:15px 11px 10px;background:radial-gradient(circle at 64% 25%,rgba(100,139,235,.13),transparent 51%),linear-gradient(145deg,#121720,#0a0e16)}.progress-ring{width:126px;height:126px;border-radius:50%;position:relative;display:grid;place-items:center;background:conic-gradient(#c5d4ff 0deg,#91acff var(--ring,0deg),#29313c var(--ring,0deg) 360deg);box-shadow:0 0 17px rgba(135,165,255,.16)}.progress-ring:before{content:"";position:absolute;inset:8px;border-radius:50%;background:#10151d}.progress-ring span{position:relative;color:#d9e0f5;font-size:20px;font-weight:700}.goal-label{margin-top:10px;text-align:center}.goal-card strong{font-size:21px;white-space:nowrap;margin:3px 0 8px}.withdraw-button{width:100%;height:42px;border:0;border-radius:17px;background:linear-gradient(110deg,#e8eeff,#bfcfff);color:#111827;font-size:14px;font-weight:700;box-shadow:0 0 20px rgba(120,159,254,.24)}.withdraw-button:disabled{opacity:.62;box-shadow:none}.full-row{width:100%;height:52px;margin-top:14px;padding:0 19px;border-radius:18px;border:1px solid rgba(185,196,219,.22);background:linear-gradient(145deg,#1b222d,#10151e);display:flex;align-items:center;gap:15px;text-align:left;font-size:14px;font-weight:620}.full-row svg{color:#c5d5ff;width:23px;height:23px}.full-row .chevron{margin-left:auto;width:17px;color:#9da3b1}.section-title{font-size:15px;font-weight:650;margin:18px 4px 10px}.segmented{height:42px;padding:3px;border-radius:22px;background:#0d1118;border:1px solid rgba(185,196,219,.2);display:flex}.segmented button{flex:1;border:0;border-radius:18px;background:none;font-size:12px;color:#a8adba}.segmented button.selected{color:#fff;background:linear-gradient(105deg,#586476,#49576f);box-shadow:0 1px 5px rgba(176,194,235,.35)}.link-field{min-height:58px;display:flex;align-items:center;margin-top:12px;padding:7px 9px 7px 15px;gap:8px;border-radius:18px;border:1px solid rgba(183,198,219,.2);background:linear-gradient(135deg,#151b24,#0e1219)}.link-field span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;color:#d4d6df;font-size:12px}.link-field button{flex:0 0 37px;height:37px;border:1px solid rgba(176,192,222,.21);border-radius:13px;background:#101620;display:grid;place-items:center}.link-field svg{width:20px;height:20px}.referral-footnote{padding:11px 6px;color:#9da4b2;line-height:1.5;font-size:12px}.referral-footnote b{color:#dbe6ff}.faq-list{display:grid;gap:6px}.faq-list details{border-radius:17px;border:1px solid rgba(175,188,211,.22);background:linear-gradient(125deg,#1c242f,#10151e);overflow:hidden}.faq-list summary{height:51px;display:flex;align-items:center;gap:12px;padding:0 13px;list-style:none;font-size:13px;cursor:pointer}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary b{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#566170;color:#fff;font-size:13px}.faq-list summary svg{margin-left:auto;width:17px;height:17px;color:#aab1c1}.faq-list details[open] summary svg{transform:rotate(90deg)}.faq-list p{margin:0;padding:0 18px 17px 55px;color:#b7bfcc;font-size:12px;line-height:1.45}.help-card{height:192px;position:relative;margin-top:14px;border-radius:20px;overflow:hidden;border:1px solid rgba(151,184,218,.32);background:radial-gradient(circle at 86% 77%,rgba(95,139,207,.47),transparent 47%),linear-gradient(125deg,#1c2735,#0a0e15 69%)}.help-card .help-copy{position:relative;z-index:1;padding:19px 16px;width:67%}.help-card h2,.subscription-card h2{font-size:20px;letter-spacing:-.03em;margin:0 0 6px}.help-card p,.subscription-card p{margin:0;color:#a9afbe;line-height:1.35;font-size:12px}.help-card button,.subscription-card button{height:36px;margin-top:17px;padding:0 15px;border-radius:19px;border:1px solid #c6d4ff;background:rgba(3,13,25,.4);display:flex;gap:13px;align-items:center;font-size:12px}.help-card button svg,.subscription-card button svg{height:16px;width:16px}.help-card img{position:absolute;width:188px;height:188px;object-fit:contain;right:-10px;bottom:-4px;filter:drop-shadow(0 12px 14px #000)}.subscription-card{height:142px;position:relative;overflow:hidden;border:1px solid rgba(159,184,221,.25);border-radius:20px;background:radial-gradient(circle at 85% 74%,rgba(89,142,229,.55),transparent 48%),linear-gradient(130deg,#161e2a,#0c1018)}.subscription-card>div{position:relative;z-index:1;padding:14px;width:66%}.subscription-card button{margin-top:9px;height:32px}.subscription-card img{position:absolute;width:235px;height:158px;object-fit:contain;right:-35px;bottom:-7px}.settings-group{margin-top:10px;padding:9px 14px 4px;border:1px solid rgba(180,193,212,.22);border-radius:19px;background:linear-gradient(120deg,#171d26,#0d121a);box-shadow:inset 0 1px rgba(255,255,255,.03)}.settings-group h3{font-size:16px;margin:0 0 2px}.settings-row{width:100%;min-height:43px;display:flex;align-items:center;gap:13px;border:0;background:none;text-align:left;padding:5px 0;font-size:12px;color:#f5f7fb}.settings-row+.settings-row{border-top:1px solid rgba(169,183,202,.1)}.settings-row>svg:first-child,.telegram-mark{width:27px;height:27px;border-radius:8px;border:1px solid rgba(188,204,233,.15);padding:4px;flex:none}.settings-row span:nth-child(2){flex:1}.settings-row span small{display:block;color:#9da4af;font-size:11px;margin-bottom:2px}.settings-row svg.chevron{width:17px;height:17px;color:#a3acbb}.status-check{width:26px;height:26px;background:#26bd79;border-radius:50%;display:grid;place-items:center}.status-check svg{width:16px;height:16px;stroke-width:2.4}.status-dot{color:#9aa3ad}.telegram-mark{display:grid;place-items:center;background:#228bc3;border-color:#429dd0;font-size:19px;line-height:1}.toast{position:fixed;z-index:100;left:50%;bottom:calc(96px + env(safe-area-inset-bottom));transform:translateX(-50%) translateY(20px);width:max-content;max-width:min(90vw,380px);padding:10px 16px;border-radius:14px;background:#dfe8ff;color:#141a29;font-size:13px;font-weight:630;opacity:0;pointer-events:none;transition:all .25s;box-shadow:0 10px 25px rgba(0,0,0,.4)}.toast.visible{opacity:1;transform:translateX(-50%) translateY(0)}.sheet-backdrop{position:fixed;z-index:40;inset:0;background:rgba(1,3,8,.72);backdrop-filter:blur(6px)}.sheet{position:fixed;z-index:41;left:50%;bottom:0;transform:translateX(-50%);width:min(100%,450px);max-height:88dvh;overflow:auto;padding:9px 20px calc(25px + env(safe-area-inset-bottom));border-radius:28px 28px 0 0;border:1px solid rgba(185,202,234,.3);background:linear-gradient(155deg,#1b2432,#0c111a 45%,#090d13);box-shadow:0 -16px 45px rgba(0,0,0,.65)}.sheet-handle{width:42px;height:5px;background:#667183;border-radius:5px;margin:0 auto 16px}.sheet-close{position:absolute;right:18px;top:15px;border:0;background:none;font-size:28px;color:#bcc8da}.sheet h2{font-size:24px;margin:5px 34px 8px 0}.sheet h3{font-size:15px;margin:18px 0 8px}.sheet p{font-size:13px;color:#b0b8c5;line-height:1.45}.sheet .lead{font-size:14px;color:#eef3ff}.sheet-stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:15px 0}.sheet-stat{border:1px solid rgba(183,205,239,.16);background:#121a25;border-radius:15px;padding:13px}.sheet-stat small{display:block;color:#aab2c1;font-size:11px}.sheet-stat strong{font-size:21px;display:block;margin-top:5px}.month-bars{height:113px;display:flex;align-items:end;gap:9px;margin:14px 0 7px}.month-bar{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;gap:5px;color:#aeb8c8;font-size:10px}.month-bar b{display:block;width:100%;max-width:37px;min-height:5px;border-radius:8px 8px 3px 3px;background:linear-gradient(180deg,#d9e2ff,#7499ef);box-shadow:0 0 10px rgba(135,171,255,.3)}.person-row,.device-row,.plan-row{border:1px solid rgba(186,202,228,.13);border-radius:15px;background:#111822;padding:11px 12px;margin:8px 0;display:flex;align-items:center;gap:10px}.person-avatar{width:37px;height:37px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(130deg,#7a8caa,#35435e);font-weight:700}.person-row span:nth-child(2),.device-row span:nth-child(2),.plan-row span:nth-child(1){flex:1;min-width:0}.person-row b,.device-row b,.plan-row b{font-size:13px}.person-row small,.device-row small,.plan-row small{display:block;color:#a5afc0;font-size:10px;margin-top:3px}.person-row em{font-style:normal;font-size:12px;font-weight:750;color:#d9e5ff}.sheet input{width:100%;height:48px;padding:0 15px;border:1px solid rgba(190,207,233,.28);border-radius:14px;background:#0b111b;color:white;outline:none;font-size:14px}.sheet input:focus{border-color:#aec5ff}.sheet .button{height:50px;margin-top:13px}.sheet .small-note{font-size:11px;color:#96a3b5}.empty-note{padding:20px;text-align:center;color:#9ca8b9;border:1px dashed rgba(159,177,208,.25);border-radius:15px;font-size:13px}.demo-badge{position:absolute;z-index:4;right:17px;top:85px;padding:3px 8px;background:rgba(213,177,83,.17);color:#ffe19a;border-radius:6px;font-size:10px;font-weight:700;letter-spacing:.08em}.sheet[hidden],.sheet-backdrop[hidden]{display:none!important}@media(max-width:370px){.app-shell{padding-left:13px;padding-right:13px}.hero{height:260px}.hero-badges{gap:5px}.hero-badges span{padding:0 8px;font-size:11px}.feature-card{height:145px}.stat-card{padding:11px}.stat-card strong{font-size:21px}.referral-headline{font-size:13px}.goal-card{height:243px}.bottom-nav{width:calc(100% - 26px)}}@media(min-width:700px){.app-shell{margin:28px auto;min-height:870px;border:1px solid rgba(204,216,240,.14);border-radius:40px;box-shadow:0 18px 70px #000}.bottom-nav{bottom:calc(15px + env(safe-area-inset-bottom))}}@media(prefers-reduced-motion:reduce){*{animation-duration:.001ms!important;transition-duration:.001ms!important}}

.planet{pointer-events:none}.home-actions,.feature-grid,.referral-teaser{position:relative;z-index:2}.feature-card>span:first-child{position:relative;z-index:2;text-shadow:0 2px 8px #04070c;background:linear-gradient(90deg,rgba(6,9,15,.72),transparent);border-radius:8px;padding:2px 5px;margin-left:-5px}

.feature-card>span:first-child{position:absolute;top:18px;left:18px;z-index:3;margin:0;padding:0;background:none;text-shadow:0 2px 8px #04070c;white-space:nowrap}.feature-card img{z-index:1}.feature-card .round-arrow{z-index:2}

.home-actions{margin-top:29px;gap:15px}.feature-grid{margin-top:18px}

.referral-dashboard{margin-top:6px}.stat-card{height:88px}.goal-card{height:282px;padding:25px 11px 16px}.goal-card .withdraw-button{margin-top:auto}#ref-progress-label{display:none}
@media(max-width:370px){.feature-card>span:first-child{left:14px;font-size:13px}}

.brand{display:block;width:max-content;text-align:center}.brand>span:last-child{display:block}.brand-emoji{position:absolute;right:calc(100% + 6px);top:-2px;margin-right:0}
.brand-emoji{left:calc(50% - 56px);right:auto}

.subscription-card:before{content:"";position:absolute;z-index:1;inset:0 auto 0 0;width:67%;background:linear-gradient(90deg,rgba(14,20,30,.96) 0%,rgba(14,20,30,.86) 65%,transparent 100%);pointer-events:none}.subscription-card>div{z-index:2}
.settings-row>.auth-brand-icon{display:block;width:27px;height:27px;object-fit:contain;flex:none}

.app-shell{padding-top:max(env(safe-area-inset-top),var(--tg-content-safe-top,0px))}
.topbar.home{height:0}
.topbar-side[hidden]{display:none}
.topbar:not(.home){height:54px}


.hero{isolation:isolate}
.hero:before{
  content:"";position:absolute;z-index:0;top:7px;right:-32px;width:235px;height:180px;
  border-radius:50%;pointer-events:none;filter:blur(17px);
  background:radial-gradient(ellipse,rgba(82,112,191,.2),rgba(49,74,134,.07) 52%,transparent 74%);
}
.hero:after{
  content:"";position:absolute;z-index:0;top:140px;right:-40px;width:160px;height:220px;
  border-radius:50%;pointer-events:none;filter:blur(16px);
  background:radial-gradient(ellipse at 70% 22%,rgba(116,131,189,.65),rgba(58,74,128,.49) 30%,rgba(28,42,76,.3) 54%,transparent 77%);
}
.planet{
  z-index:0;width:calc(min(100vw, 450px) + 76px);height:290px;left:calc(50% - 38px);top:47px;
  transform:translateX(-50%);
  border-top:0;
  background:
    radial-gradient(ellipse 45% 48% at 93% 21%,rgba(207,194,221,.19),transparent 75%),
    radial-gradient(ellipse 55% 58% at 92% 17%,rgba(153,160,215,.72),rgba(103,119,177,.47) 38%,rgba(47,63,115,.21) 72%,transparent 100%),
    radial-gradient(ellipse 65% 23% at 67% 0%,rgba(91,117,175,.16),transparent 100%),
    radial-gradient(ellipse 70% 65% at 35% 69%,rgba(1,4,9,.48),transparent 71%),
    radial-gradient(ellipse at 53% 13%,#252d3b 0%,#0e1722 31%,#080e17 63%,#05080e 100%);
  box-shadow:inset 0 13px 30px rgba(139,169,255,.18),inset -35px 0 68px rgba(83,89,161,.16),0 -4px 13px rgba(145,164,240,.24),0 -16px 53px rgba(77,108,172,.2);
  -webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 43%,rgba(0,0,0,.94) 53%,transparent 72%);
  mask-image:linear-gradient(to bottom,#000 0%,#000 43%,rgba(0,0,0,.94) 53%,transparent 72%);
}
.planet:before{
  content:"";position:absolute;inset:0;border:2px solid transparent;border-radius:50%;
  clip-path:inset(0 0 48.5% 0);
  background:linear-gradient(104deg,rgba(112,137,200,.18) 8%,rgba(139,166,233,.39) 47%,rgba(198,204,255,.74) 70%,rgba(222,189,255,.76) 90%,rgba(196,185,255,.35) 100%) border-box;
  -webkit-mask:linear-gradient(#000 0 0) padding-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;mask-composite:exclude;
  filter:drop-shadow(0 -2px 7px rgba(160,173,252,.44));
}
.planet:after{
  content:"";position:absolute;top:0;right:0;width:40%;height:56%;
  border-radius:50%;filter:blur(20px);
  background:radial-gradient(ellipse at 80% 18%,rgba(181,154,255,.34),rgba(97,120,208,.12) 42%,transparent 72%);
}
.hero-details{z-index:1}
.hero-badges span{box-shadow:inset 0 1px rgba(255,255,255,.1),0 7px 20px rgba(3,8,19,.42)}
.hero-badges svg{filter:drop-shadow(0 0 5px rgba(189,205,255,.38))}

.feature-card,.help-card,.subscription-card{isolation:isolate;box-shadow:inset 0 1px rgba(255,255,255,.08),0 11px 27px rgba(0,0,0,.26),0 5px 21px rgba(60,105,182,.12)}
.feature-card{
  background:radial-gradient(ellipse at 81% 79%,rgba(85,139,225,.45),transparent 50%),linear-gradient(137deg,#19232f,#0b1018 70%);
}
.feature-card:before,.help-card:before,.subscription-card:after{
  content:"";position:absolute;z-index:0;inset:0;pointer-events:none;
  background:radial-gradient(ellipse at 80% 88%,rgba(120,175,255,.34),transparent 43%);
}
.feature-card:after{
  content:"";position:absolute;z-index:0;right:-12%;bottom:-13px;width:92%;height:34px;border-radius:50%;
  background:radial-gradient(ellipse,rgba(98,158,243,.4),transparent 68%);filter:blur(7px);
}
.feature-card img{filter:drop-shadow(0 14px 12px rgba(0,0,0,.7)) drop-shadow(0 0 10px rgba(83,145,255,.23))}
.feature-headset{right:6px;bottom:-3px;width:123px;height:123px}
.feature-devices{right:-4px;bottom:0;filter:drop-shadow(0 15px 12px rgba(0,0,0,.67)) drop-shadow(0 0 14px rgba(93,151,255,.32))}
.feature-card .round-arrow{box-shadow:0 7px 12px rgba(0,0,0,.3),inset 0 1px rgba(255,255,255,.13)}

.help-card{
  background:radial-gradient(ellipse at 84% 69%,rgba(96,156,239,.46),transparent 51%),linear-gradient(123deg,#1a2737,#09111c 75%);
}
.help-card .help-copy{z-index:4}
.help-card:before{background:radial-gradient(ellipse at 86% 40%,rgba(125,175,255,.27),transparent 50%)}
.help-card img{z-index:2;width:190px;height:190px;right:-9px;bottom:-8px;filter:drop-shadow(0 13px 12px rgba(0,0,0,.65)) drop-shadow(0 0 15px rgba(81,143,248,.24))}
.subscription-card{
  background:radial-gradient(ellipse at 85% 75%,rgba(105,162,252,.53),transparent 50%),linear-gradient(130deg,#192536,#0a1019 78%);
}
.subscription-card img{filter:drop-shadow(0 10px 16px rgba(0,0,0,.51)) drop-shadow(0 0 12px rgba(104,160,255,.38))}
.subscription-card img{width:228px;height:152px;right:-22px;bottom:-8px;mix-blend-mode:screen;filter:drop-shadow(0 0 13px rgba(79,144,249,.25))}
.device-intro{margin:0 0 15px!important;color:#9faabc!important}
.device-list{display:grid;gap:9px;max-height:min(54dvh,530px);overflow:auto;padding:2px 2px 8px;scrollbar-width:thin}
.device-card{min-height:104px;display:flex;gap:13px;padding:9px;border:1px solid rgba(157,188,236,.23);border-radius:19px;background:linear-gradient(120deg,#182231,#0d141f);box-shadow:inset 0 1px rgba(255,255,255,.05),0 7px 18px rgba(0,0,0,.2)}
.device-card img{width:91px;height:86px;flex:none;object-fit:contain;border-radius:13px;background:radial-gradient(circle at 52% 60%,#233854,#0b1421 75%);filter:drop-shadow(0 6px 8px rgba(0,0,0,.4))}
.device-card-info{min-width:0;flex:1;display:flex;flex-direction:column;align-items:flex-start;padding:2px 2px 1px 0}
.device-card-info b{font-size:14px;line-height:1.2}.device-card-info small{font-size:11px;color:#aeb9cc;margin:5px 0 0}
.device-reset{margin-top:auto;min-height:29px;padding:0;border:0;background:transparent;color:#c7d8ff;font-size:11px;font-weight:650;text-align:left}.device-reset span{font-size:15px;margin-left:4px}
.device-reset-all{background:linear-gradient(120deg,#38232a,#23171e);border:1px solid rgba(255,155,175,.28);color:#ffb6c4}
.device-add{height:46px!important}.device-reset-all{height:46px!important}
.period-tabs{margin:15px 0 10px}.period-summary{padding:16px 18px;border-radius:18px;border:1px solid rgba(164,193,239,.25);background:radial-gradient(circle at 84% 26%,rgba(100,147,236,.28),transparent 50%),linear-gradient(125deg,#192335,#101723)}.period-summary small,.period-summary span{display:block;color:#aab7cb;font-size:12px}.period-summary strong{display:block;font-size:30px;margin:4px 0;letter-spacing:-.04em}
.setup-key{margin:13px 0;padding:15px;border-radius:16px;border:1px solid rgba(173,204,253,.28);background:#0d1522}.setup-key small{display:block;color:#aab6cc;margin-bottom:6px}.setup-key code{display:block;color:#e6edff;overflow-wrap:anywhere;font-size:12px;line-height:1.5}.setup-tabs{height:auto;flex-wrap:wrap;gap:4px;padding:4px}.setup-tabs button{flex:1 1 45%;min-height:36px}.setup-steps{margin:15px 0;padding:0 0 0 26px;color:#e2e9f8;font-size:13px;line-height:1.5}.setup-steps li{padding:0 0 10px 4px}.setup-steps li::marker{color:#aec7ff;font-weight:750}


.button,.feature-card,.full-row,.withdraw-button,.segmented button,.settings-row,.help-card button,.subscription-card button,.bottom-nav button{
  transition:transform .22s ease,box-shadow .25s ease,background-color .25s ease,filter .25s ease;
}
.button-primary{position:relative;overflow:hidden;animation:primary-glow 4.8s ease-in-out infinite}
.button-primary:after{content:"";position:absolute;inset:-50% auto -50% -55%;width:34%;transform:rotate(22deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.65),transparent);animation:button-sheen 5.5s ease-in-out infinite;pointer-events:none}
.button:hover,.feature-card:hover,.full-row:hover,.withdraw-button:hover:not(:disabled),.help-card button:hover,.subscription-card button:hover{transform:translateY(-2px);box-shadow:0 10px 31px rgba(91,139,229,.3),inset 0 1px rgba(255,255,255,.15)}
.feature-card:hover img{filter:drop-shadow(0 17px 17px rgba(0,0,0,.65)) drop-shadow(0 0 17px rgba(103,164,255,.43))}
.button:active,.feature-card:active,.full-row:active,.withdraw-button:active:not(:disabled),.help-card button:active,.subscription-card button:active,.bottom-nav button:active,.segmented button:active{transform:scale(.975)}
.bottom-nav button:hover:not(.selected){background:rgba(146,172,227,.1);filter:drop-shadow(0 0 10px rgba(134,168,241,.24))}
.tariff-devices{display:block;width:100%;margin:8px 0 18px;padding:13px 15px;border:1px solid rgba(173,195,235,.32);border-radius:14px;background:#111923;color:#fff;font:inherit}.plan-row:disabled{opacity:.68}.plan-row b small{display:block;margin-top:4px;font-size:11px;font-weight:500;color:#a9bce5}
.topbar-side[hidden]{display:none!important}
#home-trial[hidden]{display:none!important}
button:focus-visible,summary:focus-visible{outline:2px solid #b9ceff;outline-offset:3px}
@keyframes primary-glow{50%{box-shadow:0 9px 35px rgba(143,174,255,.35),inset 0 1px #fff}}
@keyframes button-sheen{0%,28%{left:-55%}54%,100%{left:125%}}
@media(prefers-reduced-motion:reduce){.button-primary{animation:none}.button-primary:after{animation:none;display:none}}

.checkout-tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;margin:0 0 20px;border:1px solid rgba(171,192,230,.18);border-radius:19px;background:#0a1019}
.checkout-top-spacer{height:38px}
.checkout-tabs button{min-height:39px;border:0;border-radius:15px;background:transparent;color:#aebad0;font-size:13px;font-weight:650}
.checkout-tabs button.selected{background:linear-gradient(135deg,#35445f,#202c42);box-shadow:inset 0 1px rgba(255,255,255,.14),0 4px 11px rgba(0,0,0,.25);color:#f7f9ff}
.checkout-section-label{margin:19px 1px 10px;color:#e9effe;font-size:14px;font-weight:700}
.duration-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.duration-choice,.topup-choice{min-height:66px;padding:10px 12px;border:1px solid rgba(172,194,233,.23);border-radius:17px;background:linear-gradient(135deg,#18212f,#101722);color:#eaf0ff;text-align:left;transition:transform .2s,border-color .2s,box-shadow .2s}
.duration-choice b,.topup-choice b{display:block;font-size:14px}.duration-choice small,.topup-choice small{display:block;margin-top:5px;color:#a7b5cf;font-size:11px}
.duration-choice.selected,.topup-choice.selected{border-color:#b7cbff;background:linear-gradient(135deg,#344766,#1a2943);box-shadow:0 0 0 1px rgba(173,201,255,.32),0 5px 22px rgba(99,144,239,.18)}
.duration-choice:active,.topup-choice:active,.payment-method:active{transform:scale(.98)}
.device-picker{height:68px;display:flex;align-items:center;justify-content:space-between;padding:7px;border:1px solid rgba(172,194,233,.23);border-radius:19px;background:linear-gradient(135deg,#18212f,#101722)}
.device-picker button{width:48px;height:48px;display:grid;place-items:center;border:1px solid rgba(176,202,249,.3);border-radius:15px;background:#27364f;font-size:27px;font-weight:300;line-height:1}
.device-picker button:disabled{opacity:.33}.device-picker div{text-align:center}.device-picker strong{display:block;font-size:22px;line-height:1.1}.device-picker span{display:block;margin-top:4px;color:#aebbd1;font-size:11px}
.checkout-benefits{display:grid;gap:8px;margin:16px 0;color:#c8d6ee;font-size:12px}
.checkout-summary{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:75px;padding:15px 16px;margin-top:15px;border:1px solid rgba(188,211,252,.3);border-radius:19px;background:radial-gradient(circle at 88% 24%,rgba(124,160,250,.28),transparent 50%),linear-gradient(125deg,#1d2a40,#111b2b);box-shadow:inset 0 1px rgba(255,255,255,.08),0 8px 25px rgba(0,0,0,.18)}
.checkout-summary small{display:block;color:#aebbd0;font-size:11px}.checkout-summary strong{display:block;margin-top:3px;font-size:27px;letter-spacing:-.04em}.checkout-summary>span{padding:7px 10px;border-radius:12px;background:rgba(188,205,255,.14);white-space:nowrap;font-size:13px;font-weight:700}
.payment-methods{display:grid;gap:8px}.payment-method{width:100%;min-height:63px;display:flex;align-items:center;gap:11px;padding:9px 13px;border:1px solid rgba(172,194,233,.23);border-radius:17px;background:#121a27;text-align:left}.payment-method.selected{border-color:#b7cbff;background:linear-gradient(120deg,#273852,#172337)}.payment-method:disabled{opacity:.55}
.payment-method>span{width:35px;height:35px;display:grid;place-items:center;flex:none;border-radius:11px;background:#31425f;font-size:19px}.payment-method>div{flex:1;min-width:0}.payment-method b{font-size:13px}.payment-method small{display:block;margin-top:4px;color:#aebbd1;font-size:11px}.payment-method i{width:18px;height:18px;flex:none;border:1px solid #91a4cb;border-radius:50%}.payment-method.selected i{border:5px solid #c7d7ff;background:#1b2940}
.checkout-topup-link{display:block;margin:10px 2px 0;padding:0;border:0;background:none;color:#c7d8ff;font-size:12px;font-weight:650}
.checkout-submit{margin-top:19px!important}.checkout-submit:disabled{opacity:.56;animation:none;box-shadow:none}.checkout-submit:disabled:after{display:none}
.checkout-note{margin:11px 2px 0!important;color:#9facbf!important;font-size:11px!important;text-align:center;line-height:1.45}
.wallet-balance-card{padding:15px 17px;border:1px solid rgba(188,211,252,.28);border-radius:19px;background:linear-gradient(135deg,#23334d,#101a2a)}.wallet-balance-card small{display:block;color:#b5c2d7;font-size:11px}.wallet-balance-card strong{display:block;margin-top:5px;font-size:26px}
.topup-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.topup-choice{min-height:62px}
.topup-custom-label{display:block;margin:16px 1px 8px;color:#e9effe;font-size:13px;font-weight:700}
.sheet .topup-custom-field{height:52px;font-size:17px}
.topup-rate{display:block;margin:8px 2px 0;color:#aebbd0;font-size:12px}
.sheet-close{top:18px;right:20px;width:38px;height:38px;display:grid;place-items:center;padding:0;border:1px solid rgba(183,205,239,.24);border-radius:50%;background:#172235;color:#dce6fa;font-size:25px;line-height:1;z-index:2}
@media(max-width:370px){.payment-method small{font-size:10px}.checkout-summary strong{font-size:24px}}