/* Owner-selected dark / red portal identity; /vpn/ scope only. */
:root{--bg:#090d13;--panel:#131b24;--fg:#f1eee7;--muted:#a5b0ba;--line:#303942;--accent:#ff746c;--ink:#261516;--radius:6px;color-scheme:dark}
body.light{--bg:#f7f6f3;--panel:#eeece8;--fg:#202731;--muted:#59636d;--line:#d1ccc7;--accent:#a52f32;--ink:#fff;color-scheme:light}
body{font-family:'Golos Text',sans-serif;font-size:16px;isolation:isolate}
body:before,body:after{content:'';position:fixed;top:18%;height:64vh;width:2px;background:#fff0ec;border-radius:4px;box-shadow:0 0 6px 2px #ff534e,0 0 25px 7px #ef282e,0 0 70px 15px #c71629,0 0 140px 26px #a9112438;pointer-events:none;z-index:-1}
body:before{left:0}body:after{right:0}body.is-cabinet:before,body.is-cabinet:after{opacity:.34}body.light:before,body.light:after{opacity:.1}
.wrap{max-width:1240px;padding:0 40px}.nav{background:var(--bg);border-bottom:1px solid var(--line)}.nav-in{min-height:80px;gap:24px}
.brand{font-family:'Unbounded',sans-serif;font-size:18px;font-weight:600;letter-spacing:-.05em;gap:3px;text-transform:none}.brand span{color:var(--accent);font-weight:500;display:inline}.brand svg{display:none}
.nav-links{gap:22px}.nav-links a{font-size:13px}.nav-actions{gap:10px}.icon-btn{border-radius:4px}.btn{border-radius:3px;font-weight:600;padding:16px 24px}.btn:hover{background:#ff958e;color:#261516}.btn.secondary:hover{background:var(--panel);color:var(--fg)}body.light .btn:not(.secondary):hover{background:#87262a;color:#fff}
h1,h2,h3{font-family:'Golos Text',sans-serif;text-transform:none}.hero{background:none;display:block;border:0;text-align:left;overflow:visible;min-height:0}.hero:before{display:none}
.hero-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:35px;align-items:center;min-height:650px;padding-top:40px;padding-bottom:45px}
.hero-content{padding:0;min-width:0}.hero h1{font-size:clamp(46px,4.9vw,64px);font-weight:600;letter-spacing:-.052em;line-height:1.08}.hero h1 span{color:var(--fg)}
.hero p{margin:28px 0 32px;max-width:420px;color:var(--muted);font-size:18px;line-height:1.55}.hero-actions{justify-content:flex-start;align-items:center;gap:22px;flex-wrap:wrap;margin-top:0}
.hero-cabinet{font-size:13px;text-decoration:none;color:var(--muted);padding:8px 0;border-bottom:1px solid var(--line)}.hero-cabinet:hover{color:var(--fg)}
.hero-art{margin:0;position:relative;min-width:0;aspect-ratio:1/1;min-height:420px}.hero-art canvas{position:absolute;inset:0;display:block;width:100%;height:100%}
body.light .hero-art{background:#090d13;border-radius:6px}
.hero-layout:before{content:'';position:absolute;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(1px 1px at 12% 18%,#9eaebb 90%,transparent),radial-gradient(1px 1px at 36% 9%,#9eaebb 90%,transparent),radial-gradient(1px 1px at 72% 14%,#dce3e9 90%,transparent),radial-gradient(1px 1px at 86% 79%,#bccbd6 90%,transparent),radial-gradient(1px 1px at 56% 68%,#7c8c99 90%,transparent)}
section.block{padding:82px 0;border-bottom:1px solid var(--line)}h2{font-size:clamp(30px,3.5vw,44px);line-height:1.16;font-weight:600;letter-spacing:-.04em;margin-bottom:25px}.lead{font-size:17px;line-height:1.65;max-width:590px}
#features .wrap{display:grid;grid-template-columns:.85fr 1.45fr;gap:65px}#features h2{max-width:330px}.features{grid-template-columns:repeat(2,1fr);gap:0 34px}.feature{padding:24px 0;border-top:0}.feature svg{width:26px;height:26px;margin-bottom:16px}.feature h3{font-size:18px;font-weight:600}.feature p{font-size:14px;line-height:1.6}
.plans{grid-template-columns:repeat(4,1fr);gap:14px}.plan{background:var(--panel);border-radius:6px;padding:26px 22px;gap:15px}.plan.featured{border-color:var(--accent);box-shadow:inset 0 2px 0 var(--accent)}.plan h3{font-size:24px;font-weight:600}.plan .price{font-size:23px;font-weight:500}.plan .btn{border-radius:3px;font-weight:500}.notice{background:transparent;border:0;padding:16px 0;margin:18px 0 0;font-size:13px}
.split{gap:70px}.ticket{background:var(--panel);color:var(--fg);border:1px solid var(--line);border-radius:6px;padding:34px;overflow:hidden}.ticket h3{font-size:29px;font-weight:600}.ticket-row{border-top:1px solid var(--line);gap:16px}.ticket-row strong{font-size:18px;font-weight:500}.ticket p,.ticket details p,.ticket .share-qr p{font-size:13px;color:var(--muted)}.ticket .btn.secondary{color:var(--fg);border-color:var(--line)}.ticket .btn.secondary:hover{background:var(--bg)}.ticket .btn.secondary:focus-visible{outline-color:var(--accent)}.ticket summary:after{color:var(--accent)}
.device-list{gap:10px}.device{border-radius:4px;padding:14px 20px;font-weight:500}.device:hover{background:var(--bg)}.steps{display:flex;gap:30px;flex-wrap:wrap;margin-top:36px;font-size:14px}.steps li{padding:8px 12px 8px 0;max-width:250px}.faq{max-width:none;display:grid;grid-template-columns:1fr 1fr;gap:0 40px}.faq details{padding:22px 0}.faq summary{font-size:16px;font-weight:500}.faq summary:after{font-weight:400}.final-cta{background:transparent}.final-cta h2{font-size:clamp(32px,4vw,50px)}.footer{padding:32px 0}.footer .brand{font-size:14px;color:var(--fg)}
.preview-bar{background:var(--panel);color:var(--muted);font-size:12px;border-bottom:1px solid var(--line)}.cabinet-layout{grid-template-columns:220px 1fr}.sidebar{border-right:1px solid var(--line);padding:26px 15px}.sidebar a{border-radius:4px;font-size:13px;padding:12px 14px}.sidebar a[aria-current=page]{color:var(--accent);background:var(--panel);box-shadow:inset 2px 0 0 var(--accent)}.sidebar a:hover{color:var(--fg)}
.cab-main{padding:40px;max-width:1150px}.cab-main h1{font-size:32px;font-weight:600;letter-spacing:-.04em;line-height:1.16}.cab-head{margin-bottom:28px}.cab-head p{font-size:14px;line-height:1.6;max-width:760px}.panel{border-radius:6px;padding:28px;background:var(--panel)}.panel h2{font-size:23px;font-weight:600;line-height:1.25}.subscription{background:var(--panel);color:var(--fg);border-color:var(--line);box-shadow:inset 0 2px 0 var(--accent)}.subscription p{color:var(--muted)}.subscription h2{font-size:32px;font-weight:600;line-height:1.12;margin-top:24px}.subscription .btn{background:var(--accent);color:var(--ink);border-color:var(--accent)}.subscription .btn:hover{background:#ff958e;color:#261516}.subscription .facts strong{font-size:20px}.subscription .status{color:var(--accent)}.row strong{font-weight:500}.cab-section{margin-top:24px}.location svg{color:var(--accent)}
.guide-tabs button{border-radius:4px}.guide-tabs button[aria-selected=true]{background:var(--accent);color:var(--ink)}.guide-body h2{font-size:26px}.connect-list li:before{border-radius:4px;color:var(--accent)}.form-row input,.form-row select,textarea{border-radius:4px}.share-qr{border-top-color:var(--line)}.share-qr img{border-radius:4px}.share-qr summary:after{color:var(--accent)}.toast{background:var(--fg);color:var(--bg);border-radius:6px}.empty{padding:30px}
.auth-layout{gap:70px;min-height:70dvh}.auth-layout h1{font-size:52px;line-height:1.1;font-weight:600;letter-spacing:-.04em}.auth-layout h2{font-size:26px}.auth-layout .choice-links{gap:8px}.auth-layout .btn{margin-top:0}.light .sidebar a[aria-current=page],.light .feature svg,.light summary:after,.light .location svg{color:var(--accent)}
@media(max-width:1050px){.nav-links{gap:14px}.nav-links a{font-size:12px}.hero-layout{gap:20px;min-height:580px}.hero-art{min-height:350px}#features .wrap{gap:40px;grid-template-columns:.8fr 1.4fr}.plans{grid-template-columns:repeat(2,1fr)}.cab-main{padding:30px}}
@media(max-width:760px){.wrap{padding:0 24px}.nav-in{min-height:72px;gap:12px}.brand{font-size:15px}.brand span{display:inline}.nav-links{top:72px}.nav-links a{font-size:15px}.nav-actions .btn{padding:11px 12px}.hero-layout{grid-template-columns:1fr;gap:12px;min-height:0;padding-top:44px;padding-bottom:38px}.hero h1{font-size:clamp(38px,8.8vw,58px);line-height:1.08}.hero p{font-size:17px;margin:24px 0}.hero-actions{flex-direction:row;max-width:none;margin:0;gap:18px}.hero-art{min-height:0;aspect-ratio:1/1;width:100%;max-width:480px;margin:0 auto}.hero-layout:before{inset:0 24px}#features .wrap{display:block}.features{grid-template-columns:1fr 1fr;gap:0 24px}.feature{padding:20px 0}section.block{padding:58px 0!important}.split{gap:30px}.ticket{padding:28px}.ticket h3{font-size:26px}.steps{display:block;margin-top:28px}.steps li{max-width:none;padding:10px 0}.faq{grid-template-columns:1fr}.cabinet-layout{display:block}.sidebar{padding:12px;border-right:0;border-bottom:1px solid var(--line)}.sidebar a[aria-current=page]{box-shadow:inset 0 -2px 0 var(--accent)}.cab-main{padding:28px 24px}.cab-main h1{font-size:27px}.panel{padding:24px}.subscription h2{font-size:28px}.auth-layout{gap:28px;padding:42px 0}.auth-layout h1{font-size:38px}.auth-layout .panel{min-width:0}body:before,body:after{width:1px;box-shadow:0 0 5px 1px #ff534e,0 0 18px 4px #ef282e,0 0 50px 8px #c7162966}.footer-in{gap:18px}}
@media(max-width:420px){.wrap{padding:0 22px}.nav-in{gap:8px}.brand{font-size:12px;gap:2px}.nav-actions{gap:6px}.nav-actions .btn{padding:10px 9px}.nav-actions .icon-btn{width:34px;height:34px}.hero h1{font-size:36px}.hero-actions{gap:14px}.hero-actions .btn{padding:15px 20px}.hero-cabinet{font-size:12px}.features{grid-template-columns:1fr}.plan{padding:22px 16px}.plan h3{font-size:22px}.plan .price{font-size:19px}.plan .btn svg{display:none}.cab-main{padding:26px 20px}.cab-main h1{font-size:25px}.panel{padding:22px}.guide-tabs button{padding:10px 12px}.ticket-row strong{font-size:16px}.auth-layout h1{font-size:34px}.subscription .facts{gap:20px}.footer .brand{font-size:13px}}
input[type=checkbox]{accent-color:var(--accent)}textarea:focus-visible{outline:2px solid var(--accent)}.screen h1[tabindex='-1']:focus{outline:none}
.admin-user{padding:24px 0;border-top:1px solid var(--line)}.admin-user form{display:flex;gap:18px;align-items:center;flex-wrap:wrap}.admin-user input[type=date]{max-width:210px}.admin-user label{font-size:14px}#new-credentials{overflow-wrap:anywhere}#account-message{color:var(--muted)}#account-message[data-tone=success]{color:var(--fg)}#account-message[data-tone=success]:not(:empty)::before{content:'✓ ';font-weight:600}#account-message[data-tone=error]{color:var(--accent)}
#create-user{display:grid;gap:12px;max-width:480px}#create-user .form-row{margin:8px 0}#create-user .btn{justify-self:start}.admin-user form input[type=date]{display:block;margin-top:8px}@media(max-width:420px){#create-user .btn{width:100%;font-size:14px}.admin-user form{align-items:start;gap:14px}}
@media(max-width:760px){.is-cabinet .nav-actions{max-width:calc(100% - 78px);flex-wrap:wrap;justify-content:flex-end}.is-cabinet .nav-in{padding-top:12px;padding-bottom:12px}}
.telegram-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}.telegram-actions [hidden]{display:none}.telegram-actions .btn{max-width:100%;white-space:normal}

/* Account journeys preserve the portal palette and task-first layout. */
.chat-message{padding:18px 0;border-bottom:1px solid var(--line,#303942)}
.text-body{white-space:pre-wrap;overflow-wrap:anywhere;max-width:72ch}.admin-tabs{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0}.admin-plan-row{display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin:20px 0}.admin-plan-row .form-row{flex:1;min-width:150px}.cab-status{position:sticky;top:76px;background:var(--surface,#131b24);z-index:3;padding:12px;border-radius:6px}.cab-status:empty{display:none}.cab-main .btn+details,.cab-main .btn+.btn{margin-top:12px}.cab-main img{max-width:100%;height:auto}.cab-main .row{flex-wrap:wrap;gap:12px}.is-cabinet details form{padding-top:18px}.is-cabinet textarea{resize:vertical;min-height:110px}.is-cabinet section form{display:grid;gap:16px}.is-cabinet .row .btn{font-size:14px;padding:10px 14px}

.cab-subsection{padding:24px 0;border-top:1px solid var(--line,#303942);margin-top:24px}.cab-subsection>h2{font-size:22px}.is-cabinet main:not(.cab-main){padding-top:32px;padding-bottom:56px}.is-cabinet main .panel>p{line-height:1.65}.is-cabinet input[type=checkbox]{width:22px;height:22px}

.plan[data-selected="true"]{outline:2px solid var(--accent,#ef4545);outline-offset:3px}

.account-loading .cabinet-layout{visibility:hidden}

/* Shared storefront pricing on the landing and in the cabinet. */
.plan-pricing{margin-top:auto;display:grid;gap:8px;font-variant-numeric:tabular-nums}
.price-before{display:flex;align-items:center;gap:10px;min-height:26px;color:var(--muted);font-size:15px}
.price-before s{text-decoration-thickness:1px}
.discount{padding:3px 7px;border-radius:3px;background:var(--accent);color:var(--bg);font-size:13px;font-weight:700;line-height:20px}
.plan .plan-pricing .price{font-size:32px;font-weight:650;line-height:1.15;white-space:nowrap}

.guide-downloads{display:flex;flex-wrap:wrap;gap:10px;margin:14px 0}.guide-body>.btn{margin:0 10px 10px 0}#main [data-screen="devices"] .notice{display:flex;flex-wrap:wrap;gap:12px;align-items:center}#main [data-screen="devices"] .notice>span{flex-basis:100%}

/* Prevent accidental drag selection on controls; readable content stays selectable. */
.btn,.brand,.nav a,.guide-tabs button,.plan,.discount,summary{-webkit-user-select:none;user-select:none}
input,textarea,code,.text-body,.is-cabinet main>section p{-webkit-user-select:text;user-select:text}

/* The diagnostic loader extends a red blade until the real measurement ends. */
.speed-saber{--saber-fill:0;margin:30px 0 22px;max-width:640px}
.speed-saber-visual{display:flex;align-items:center;height:52px;padding-right:14px}
.speed-saber-hilt{position:relative;flex:0 0 68px;height:23px;border:1px solid #59616b;border-radius:4px 2px 2px 4px;background:linear-gradient(180deg,#a5adb5 0%,#535c65 18%,#222933 45%,#111820 60%,#66707b 100%);box-shadow:0 3px 9px #0005;z-index:1}
.speed-saber-hilt:before{content:'';position:absolute;inset:4px 21px 4px 7px;background:repeating-linear-gradient(90deg,#111820 0 3px,transparent 3px 7px);border-radius:1px}
.speed-saber-hilt:after{content:'';position:absolute;right:8px;top:5px;width:6px;height:6px;border-radius:50%;background:#ed3342;box-shadow:0 0 6px #e32035}
.speed-saber-blade{position:relative;display:block;flex:1;height:9px;border-radius:0 9px 9px 0;transform:scaleX(var(--saber-fill));transform-origin:left center;background:linear-gradient(180deg,#ff364d 0%,#ff9b9e 25%,#fff5ef 48%,#ffe4dc 60%,#ff364d 100%);box-shadow:0 0 5px 2px #ff344bcc,0 0 17px 5px #e51c3866,0 0 32px 10px #cf15352e;transition:transform .6s linear;will-change:auto}
.speed-saber[data-state=running] .speed-saber-blade{will-change:transform}
.speed-saber[data-state=idle] .speed-saber-blade{transition:none}
.speed-saber[data-state=done] .speed-saber-blade{transition:transform .7s cubic-bezier(.16,1,.3,1)}
.speed-saber[data-state=error] .speed-saber-blade{opacity:.3;box-shadow:none}
.speed-saber-label{font-size:14px;color:var(--muted);margin:7px 0 0}
.speed-saber[data-state=done] .speed-saber-label{color:var(--fg)}
@media(max-width:420px){.speed-saber-hilt{flex-basis:54px}.speed-saber-visual{padding-right:10px}}
@media(prefers-reduced-motion:reduce){.speed-saber-blade,.speed-saber[data-state=done] .speed-saber-blade{transition:none}}

/* Keep related cabinet actions distinct and aligned in both layouts. */
.cab-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:20px}
.cab-main .cab-actions>.btn+.btn{margin-top:0}
.subscription .btn.secondary{background:transparent;color:var(--fg);border-color:var(--line)}
.subscription .btn.secondary:hover{background:var(--bg);color:var(--fg)}
@media(max-width:420px){.cab-actions>.btn{width:100%}}