.onboarding-shell{width:min(100%,460px);min-height:100vh;margin:auto;padding:14px 16px max(24px,env(safe-area-inset-bottom));background:radial-gradient(circle at 50% 12%,#31104f 0,#100919 34%,#05050a 72%);color:#fff}.onboarding-progress{height:18px;display:grid;grid-template-columns:repeat(4,1fr);gap:7px;align-items:center}.onboarding-progress i{height:3px;border-radius:4px;background:#31263d}.onboarding-progress i.active{background:linear-gradient(90deg,#7625ff,#d050ff);box-shadow:0 0 12px #a73cff}.onboarding-screen{min-height:calc(100vh - 52px);display:flex;flex-direction:column;align-items:center;text-align:center}.onboarding-screen>img{width:100%;height:clamp(225px,39vh,350px);object-fit:contain;filter:drop-shadow(0 18px 35px #0008);margin:4px 0 3px}.onboarding-kicker{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border:1px solid #672b9a;border-radius:20px;background:#3b155c;color:#e3b8ff;font-size:11px;font-weight:700}.onboarding-kicker svg{width:15px;height:15px}.onboarding-screen h1{font-size:clamp(25px,7vw,32px);line-height:1.12;margin:13px 0 9px}.onboarding-screen>p{max-width:360px;color:#aaa1b4;line-height:1.45;margin:0 0 17px}.onboarding-primary,.onboarding-secondary,.onboarding-back{width:100%;min-height:54px;border-radius:15px;color:#fff;display:flex;align-items:center;justify-content:center;gap:8px;font-weight:750}.onboarding-primary{border:0;background:linear-gradient(135deg,#711fff,#b13cff);box-shadow:0 10px 30px #7625ff42;margin-top:auto}.onboarding-secondary{border:1px solid #8732d5;background:#110b19;margin:9px 0}.onboarding-back{border:0;background:transparent;color:#9e94a9;min-height:40px}.onboarding-primary svg,.onboarding-secondary svg{width:19px}.onboarding-devices{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:14px}.onboarding-devices button{position:relative;min-height:62px;border:1px solid #2b2235;border-radius:14px;background:#0d0a12;color:#fff;padding:10px;display:flex;align-items:center;gap:9px;text-align:left}.onboarding-devices button.selected{border-color:#9e3cff;background:#28113a}.onboarding-devices button>svg:first-child{color:#b34fff;width:22px}.onboarding-devices button>svg:last-child{position:absolute;right:8px;width:15px;color:#53e6a8}.onboarding-device-label{width:100%;display:flex;align-items:center;gap:11px;padding:12px 14px;border:1px solid #30213e;background:#0d0a13;border-radius:14px;text-align:left}.onboarding-device-label>svg{color:#b44eff}.onboarding-device-label span{display:flex;flex-direction:column}.onboarding-device-label small{color:#918799}.key-screen>img{height:clamp(210px,35vh,315px)}.onboarding-loader{width:38px;height:38px;border:3px solid #3e2850;border-top-color:#b244ff;border-radius:50%;animation:spin 1s linear infinite;margin:2px 0 16px}.onboarding-key{width:100%;padding:10px 9px 10px 13px;border:1px solid #482565;border-radius:14px;background:#0a0810;display:flex;align-items:center;gap:8px;margin-bottom:8px}.onboarding-key code{min-width:0;flex:1;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#d5c9df;font-size:11px}.onboarding-key button{width:38px;height:38px;border:0;border-radius:11px;background:#2c1741;color:#d8b3ff;display:grid;place-items:center}.onboarding-key svg{width:17px}.creating-note{color:#897f91;margin-top:8px}@media(min-width:700px){.onboarding-shell{margin:18px auto;border:1px solid #2a2034;border-radius:28px;min-height:calc(100vh - 36px)}.onboarding-screen{min-height:calc(100vh - 88px)}}.detected-device{width:100%;margin:-5px 0 9px;color:#aaa1b4;font-size:11px}.detected-device b{color:#d7b2ff}.import-button{margin-top:10px}.manual-copy{width:100%;min-height:42px;border:0;background:transparent;color:#a99daf;display:flex;align-items:center;justify-content:center;gap:7px}.manual-copy svg{width:16px}.connect-button{width:100%;min-height:54px;margin-top:9px;border:1px solid #8732d5;border-radius:15px;background:#110b19;color:#fff;font-weight:700}.subscription-connect{width:100%;min-height:54px;margin-top:10px;padding:0 16px;border:0;border-radius:15px;background:linear-gradient(135deg,#711fff,#a938ff);color:#fff;display:flex;align-items:center;gap:9px;font-weight:750}.subscription-connect svg{width:19px}.subscription-connect svg:last-child{margin-left:auto}.connection-guide{margin-top:10px;padding:15px;border:1px solid #42245e;border-radius:18px;background:linear-gradient(145deg,#171020,#09080e)}.connection-guide h3{margin:0 0 4px}.connection-guide>p{margin:0 0 13px;color:#9e94a8;font-size:12px}.connection-step{display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:9px;padding:11px 0;border-top:1px solid #251b30}.connection-step>b{width:27px;height:27px;border-radius:50%;background:#8330e3;display:grid;place-items:center;font-size:12px}.connection-step span{min-width:0;display:flex;flex-direction:column;gap:3px}.connection-step small{color:#958a9f;font-size:9px}.connection-step button{min-height:36px;padding:0 9px;border:1px solid #7233a6;border-radius:10px;background:#271239;color:#fff;display:flex;align-items:center;gap:5px;font-size:10px}.connection-step button:disabled{opacity:.45}.connection-step button svg{width:14px}.connection-wait{margin-top:8px;padding:10px;border-radius:10px;background:#382116;color:#ffc78a;font-size:10px;line-height:1.4}.device-list{display:grid;gap:9px}.device-list article{min-width:0;padding:13px;border:1px solid #282034;border-radius:15px;background:#0e0c15;display:flex;align-items:center;gap:11px}.device-icon{width:42px;height:42px;flex:0 0 auto;border-radius:12px;background:#28123b;color:#ad4eff;display:grid;place-items:center}.device-icon svg{width:21px}.device-list article>div{min-width:0;display:flex;flex-direction:column;gap:4px}.device-list b,.device-list small,.device-list em{overflow:hidden;text-overflow:ellipsis}.device-list small{color:#a59aaa;font-size:10px;white-space:normal}.device-list em{color:#5fdaa6;font-size:9px;font-style:normal;white-space:nowrap}:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#f8f5ff;background:#05050b;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 50% -10%,#22103f 0,#090712 38%,#05050b 75%);min-width:320px}button,a{font:inherit}.app-shell{width:min(100%,460px);min-height:100vh;margin:auto;padding-bottom:88px;background:linear-gradient(180deg,#140d22f5,#07070d 45%);overflow:hidden}.topbar{height:64px;display:flex;align-items:center;justify-content:space-between;padding:10px 16px}.topbar img{width:120px;height:38px;object-fit:contain}.icon-button{width:40px;height:40px;border:1px solid #302442;background:#100d19;color:#eee;border-radius:13px;display:grid;place-items:center}.icon-button svg{width:19px}.top-spacer{width:40px}.hero{height:440px;position:relative;overflow:hidden}.hero-image{width:100%;height:100%;object-fit:cover;object-position:center 30%}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#05050b14 40%,#090711 94%)}.hero-logo{position:absolute;z-index:2;top:12px;left:18px;width:145px;height:45px;object-fit:contain}.status-card{position:absolute;z-index:3;left:16px;right:16px;bottom:7px;padding:16px;display:flex;gap:12px;align-items:center;border:1px solid #503176;border-radius:18px;background:linear-gradient(135deg,#161221f5,#4b1760eb);box-shadow:0 12px 45px #000}.status-card.online{background:linear-gradient(135deg,#181329,#282044)}.status-dot{width:45px;height:45px;border-radius:50%;background:#ff445f33;color:#ff526b;display:grid;place-items:center}.online .status-dot{background:#38db9a25;color:#39e7a3}.status-card div{display:flex;flex-direction:column;gap:5px;flex:1}.status-card strong{font-size:16px}.status-card small{color:#aaa1b9}.status-card>svg{width:18px}.cta-stack{display:grid;gap:12px;padding:10px 16px 18px}.trial-button,.outline-button,.primary{border:0;border-radius:16px;color:#fff;min-height:58px}.trial-button{padding:12px 16px;background:linear-gradient(135deg,#711fff,#b13cff);display:flex;align-items:center;gap:12px;box-shadow:0 10px 30px #7625ff42}.trial-button>svg:first-child{padding:7px;width:38px;height:38px;background:#ffffff1f;border-radius:12px}.trial-button span{display:flex;flex:1;text-align:left;flex-direction:column}.trial-button small{opacity:.75;margin-top:3px}.outline-button{border:1px solid #9139e7;background:#0c0913;font-weight:650;display:flex;align-items:center;justify-content:center;gap:9px}.features{padding:0 16px 20px;display:grid;grid-template-columns:1fr 1fr;gap:10px}.features div{min-height:65px;border:1px solid #211a2e;border-radius:14px;background:#0d0b15;padding:12px;display:flex;gap:9px;align-items:center;font-size:12px}.features svg{color:#a64cff;width:22px}.subscription-summary{margin:12px 16px 18px;padding:18px;border:1px solid #342249;border-radius:20px;background:linear-gradient(145deg,#171123,#0b0912)}.summary-head{display:flex;justify-content:space-between}.summary-head h2{margin:8px 0}.badge{font-size:11px;color:#42e8a8;background:#12382c;padding:5px 8px;border-radius:20px}.ring{width:62px;height:62px;border-radius:50%;border:7px solid #923bff;display:grid;place-items:center;box-shadow:0 0 20px #8d36ff77}.metric-grid,.action-grid{display:grid;gap:10px;margin-top:16px}.metric-grid{grid-template-columns:1fr 1fr}.metric-grid div{background:#0a0910;border:1px solid #20192d;padding:12px;border-radius:13px;display:flex;flex-direction:column;gap:5px}.metric-grid small{color:#9f96aa}.metric-grid b{font-size:12px}.action-grid{grid-template-columns:repeat(3,1fr)}.action-grid button{min-height:67px;border:1px solid #332446;border-radius:13px;background:#100c18;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;font-size:11px}.action-grid button:first-child{background:linear-gradient(135deg,#7423ef,#a536ff)}.action-grid svg{width:20px}.page{padding:0 16px 24px}.page .topbar{margin:0 -16px}.page h1{font-size:23px;margin:15px 0 18px}.plan-switch{display:grid;grid-template-columns:1fr 1fr;gap:10px}.plan-switch button{border:1px solid #292033;background:#0c0b12;color:#fff;border-radius:16px;padding:18px 8px;display:flex;flex-direction:column;align-items:center;gap:8px}.plan-switch button.selected{border-color:#9637ff;background:linear-gradient(145deg,#35105e,#120e1d)}.plan-switch svg{color:#b35cff}.plan-switch small{color:#aaa1b4}.duration-list{display:grid;gap:9px;margin:16px 0}.duration-list button{height:48px;border:1px solid #201929;background:#0c0b12;color:#eee;border-radius:13px;padding:0 13px;display:flex;align-items:center;gap:10px}.duration-list button.selected{border-color:#9439fa;background:#1b1029}.duration-list i{width:22px;height:22px;border:2px solid #514565;border-radius:50%}.duration-list .selected i{border:6px solid #8f32ef}.duration-list span{flex:1;text-align:left}.duration-list em{font-size:10px;font-style:normal;color:#42df9f;background:#15382d;padding:3px 5px;border-radius:5px}.benefits{list-style:none;padding:0;display:grid;gap:10px;color:#c8c0d2}.benefits li{display:flex;gap:9px;align-items:center}.benefits svg{width:20px;color:#9d45ff}.primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 18px;background:linear-gradient(135deg,#711fff,#a938ff);font-weight:700;text-decoration:none}.wide{width:100%}.device-limit,.empty-card{border:1px solid #282034;background:#0e0c15;border-radius:17px;padding:16px;margin-bottom:14px}.device-limit span,.device-limit small{color:#aaa1b4}.device-limit b{display:block;font-size:22px;margin:5px 0}.device-limit>div{height:7px;border-radius:10px;background:#211a2d;margin:10px 0}.device-limit i{display:block;width:5%;height:100%;background:#9b38ff;border-radius:10px}.empty-card{text-align:center;padding:35px 20px}.empty-card>svg{width:50px;height:50px;color:#a748ff}.empty-card p{color:#aaa1b4}.app-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-bottom:13px}.app-tabs button{height:40px;border:1px solid #251c32;border-radius:12px;background:#0b0911;color:#aaa}.app-tabs .selected{background:#8b2df0;color:#fff}.phone-shot{height:265px;overflow:hidden;border-radius:18px;border:1px solid #36234d;background:#09150d}.phone-shot img{width:100%;height:100%;object-fit:cover;object-position:center 7%}.steps{padding:5px 0;list-style:none}.steps li{display:flex;gap:12px;padding:11px 2px}.steps li>b{width:28px;height:28px;background:#9135f6;border-radius:50%;display:grid;place-items:center}.steps span{display:flex;flex-direction:column;gap:4px}.steps small{color:#9d94a8}.bottom-nav{position:fixed;z-index:20;bottom:0;left:50%;transform:translate(-50%);width:min(100%,460px);height:75px;padding:8px 10px max(8px,env(safe-area-inset-bottom));background:#050509ee;border-top:1px solid #18121f;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);display:grid;grid-template-columns:repeat(4,1fr)}.bottom-nav button{border:0;background:transparent;color:#817989;display:flex;flex-direction:column;align-items:center;gap:5px;font-size:10px}.bottom-nav svg{width:20px}.bottom-nav .active{color:#a948ff}.center-screen{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:28px;background:radial-gradient(circle,#281144,#07070c 62%)}.center-screen img{width:78px;height:78px}.center-screen p{color:#aaa1b5;max-width:300px}.loader{width:32px;height:32px;border:3px solid #362347;border-top-color:#a63dff;border-radius:50%;animation:spin 1s linear infinite;margin:20px}@keyframes spin{to{transform:rotate(360deg)}}@media(min-width:700px){.app-shell{margin:18px auto;border:1px solid #282030;border-radius:28px;min-height:calc(100vh - 36px);box-shadow:0 25px 80px #000}.bottom-nav{bottom:18px;border-radius:0 0 28px 28px}}.current-plan{border:1px solid #42245e;border-radius:20px;padding:16px;background:linear-gradient(145deg,#1b1129,#0a0911);box-shadow:0 14px 35px #0006}.current-title{display:flex;align-items:center;gap:11px}.current-title>div{flex:1}.current-title h2{margin:3px 0 0}.current-title small{color:#a99fb3}.plan-icon{width:43px;height:43px;border-radius:13px;background:#8d32f52c;color:#b85cff;display:grid;place-items:center}.plan-icon svg{width:22px}.state{font-size:10px;padding:5px 8px;border-radius:20px;color:#ffbd77;background:#4a2b13}.state.active{color:#54edaf;background:#123b2d}.current-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:15px 0}.current-stats div{padding:11px;border:1px solid #251b32;border-radius:12px;background:#09080e;display:flex;flex-direction:column;gap:4px}.current-stats small{color:#958b9f;font-size:10px}.current-stats b{font-size:12px}.key-panel{border-top:1px solid #2b2037;padding-top:13px}.key-panel>span{display:flex;gap:7px;align-items:center;font-size:12px;color:#c7bdd0}.key-panel>span svg{width:16px;color:#a748ff}.key-panel button{float:right;margin-top:-23px;border:0;border-radius:9px;background:#2b1740;color:#d8b6ff;padding:7px 9px;font-size:10px;display:flex;gap:5px}.key-panel button svg{width:13px;height:13px}.key-panel code{display:block;clear:both;margin-top:12px;padding:11px;background:#08070c;border-radius:10px;color:#aaa0b3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:10px}.section-title{font-size:18px;margin:24px 0 12px}.plan-switch button em{font-size:9px;font-style:normal;color:#d9b8ff;background:#6f22ac55;padding:4px 7px;border-radius:12px}.subscription-picker{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:10px 0 14px}.subscription-picker button{min-width:0;border:1px solid #292034;border-radius:14px;padding:10px;background:#0c0a12;color:#fff;display:flex;align-items:center;gap:8px;text-align:left}.subscription-picker button.selected{border-color:#a33cff;background:linear-gradient(145deg,#28113d,#110b19);box-shadow:0 0 20px #932cff2b}.subscription-picker svg{width:19px;flex:0 0 auto;color:#ae4dff}.subscription-picker span{min-width:0;display:flex;flex-direction:column;gap:3px}.subscription-picker b,.subscription-picker small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.subscription-picker b{font-size:11px}.subscription-picker small{font-size:8px;color:#9b91a5}.payment-box{margin:18px 0 12px;padding:15px;border:1px solid #2a2036;border-radius:16px;background:#0c0a12}.payment-box h3{margin:0 0 12px;font-size:15px}.payment-methods{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.payment-methods button{height:40px;border:1px solid #2a2035;border-radius:11px;background:#12101a;color:#aaa}.payment-methods button.selected{border-color:#9a3aff;background:#32104f;color:#fff}.payment-box input{width:100%;height:46px;margin-top:10px;border:1px solid #332442;border-radius:11px;background:#08070c;color:#fff;padding:0 12px;outline:none}.payment-box input:focus{border-color:#9c3cff}.order-message{font-size:12px;color:#bcb2c6;margin:11px 0 0}.order-message.paid{color:#48e7a4}.order-message.failed{color:#ff7f91}.order-message.review{color:#ffc471}.primary:disabled{opacity:.55}.maintenance-screen{min-height:100dvh;background:#080711;color:#fff;display:flex;flex-direction:column}.maintenance-screen>img{width:100%;height:42dvh;min-height:260px;object-fit:cover;object-position:center}.maintenance-copy{position:relative;margin-top:-28px;padding:28px 22px 40px;border-radius:28px 28px 0 0;background:linear-gradient(180deg,#171226,#090812);text-align:center}.maintenance-copy>span,.admin-label{display:inline-block;padding:7px 12px;border:1px solid #7c3aed66;border-radius:999px;background:#7c3aed1f;color:#c9a7ff;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.maintenance-copy h1{margin:16px 0 12px;font-size:27px;line-height:1.12}.maintenance-copy p{margin:8px auto;color:#c5bfd2;line-height:1.5;max-width:380px}.maintenance-copy .primary{margin-top:22px;text-decoration:none}.admin-entry{width:calc(100% - 32px);margin:12px 16px 4px;padding:13px 14px;display:flex;align-items:center;gap:12px;border:1px solid #8b5cf64d;border-radius:16px;background:linear-gradient(135deg,#22133b,#11101c);color:#fff;text-align:left}.admin-entry>svg{color:#b76cff}.admin-entry span{flex:1;display:flex;flex-direction:column}.admin-entry small{color:#9e96ad;margin-top:2px}.admin-page{padding-bottom:30px}.admin-page>.admin-label{margin-top:10px}.maintenance-control{margin-top:20px;padding:20px;border:1px solid #2d2938;border-radius:20px;background:#12101c}.maintenance-control.enabled{border-color:#8b5cf680;background:linear-gradient(145deg,#211438,#12101c)}.maintenance-control-head{display:flex;gap:13px;align-items:center}.maintenance-control-head>span{width:46px;height:46px;display:grid;place-items:center;border-radius:14px;background:#262231;color:#aaa}.maintenance-control.enabled .maintenance-control-head>span{background:#7c3aed;color:#fff}.maintenance-control h2{font-size:18px;margin:3px 0}.maintenance-control small{color:#948b9f}.maintenance-control p{color:#b9b2c4;line-height:1.5}.danger-button{width:100%;padding:15px;border:1px solid #ef444480;border-radius:14px;background:#ef444419;color:#ff9191;font-weight:800}.admin-note{display:flex;gap:12px;margin-top:15px;padding:16px;border-radius:16px;background:#11101a;color:#aaa}.admin-note svg{flex:none;color:#a855f7}.admin-note p{margin:0;line-height:1.45}.admin-error{margin:12px 0;padding:10px;border-radius:10px;background:#ef444422;color:#ff9f9f}