:root{--bg:#080d17;--bg2:#0d1421;--surface:rgba(18,27,42,.86);--surface2:#17202e;--line:rgba(148,163,184,.14);--line2:rgba(148,163,184,.24);--text:#f3f6fb;--muted:#8d99aa;--accent:#22c55e;--accent2:#38ef7d;--danger:#ef4444;--warning:#f59e0b;--blue:#38bdf8;--purple:#a78bfa;--radius:20px;--shadow:0 24px 70px rgba(0,0,0,.28)}
*{box-sizing:border-box}html{background:var(--bg);color-scheme:dark;scroll-behavior:smooth}body{margin:0;background:linear-gradient(180deg,#080d17 0%,#0a101c 100%);color:var(--text);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;min-height:100dvh;overflow-x:hidden;-webkit-font-smoothing:antialiased}.ambient{position:fixed;inset:0;z-index:-2;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.022) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.022) 1px,transparent 1px),radial-gradient(circle at 20% 15%,rgba(34,197,94,.07),transparent 28%),radial-gradient(circle at 85% 40%,rgba(56,189,248,.045),transparent 28%);background-size:74px 74px,74px 74px,100% 100%,100% 100%}.ambient:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(36deg,transparent 0 170px,rgba(255,255,255,.07) 171px 172px,transparent 173px 245px);opacity:.12;animation:drift 28s linear infinite}@keyframes drift{to{transform:translate3d(140px,80px,0)}}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer}.icon{display:inline-block;flex:0 0 auto}.topbar{position:sticky;top:0;z-index:50;height:68px;display:flex;align-items:center;gap:18px;padding:0 max(18px,calc((100vw - 1280px)/2));border-bottom:1px solid var(--line);background:rgba(8,13,23,.84);backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;gap:10px;white-space:nowrap}.brand strong{font-size:17px;letter-spacing:-.02em}.brand-mark{width:30px;height:30px;border-radius:9px;background:radial-gradient(circle at 48% 50%,#0b1630 0 21%,transparent 22%),conic-gradient(from 40deg,#facc15,#38bdf8,#22c55e,#f97316,#facc15);display:grid;place-items:center;box-shadow:0 0 0 1px rgba(255,255,255,.12),0 0 18px rgba(34,197,94,.12);position:relative;overflow:hidden}.brand-mark:before{content:"";width:23px;height:23px;background:#061020;border-radius:50%;position:absolute}.brand-mark:after{content:"";width:20px;height:9px;border:1.5px solid #f1f5f9;border-radius:50%;position:absolute;transform:rotate(-20deg);opacity:.9}.brand-mark span{width:5px;height:5px;border-radius:50%;background:#38bdf8;position:relative;z-index:2;box-shadow:7px -6px 0 #facc15,-6px 5px 0 #22c55e}.brand-mark.big{width:54px;height:54px;border-radius:15px}.brand-mark.big:before{width:43px;height:43px}.brand-mark.big:after{width:38px;height:16px}.desktop-nav{margin:auto;display:flex;align-items:center;gap:3px;padding:4px;border:1px solid var(--line2);border-radius:999px;background:rgba(20,28,40,.6)}.desktop-nav a{display:flex;align-items:center;gap:6px;padding:8px 11px;border-radius:999px;color:#9ca7b7;font-size:13px;transition:.18s}.desktop-nav a:hover,.desktop-nav a.active{background:rgba(255,255,255,.09);color:#fff}.desktop-nav .admin-link{color:#d9a72e;border-left:1px solid var(--line);border-radius:0 999px 999px 0;margin-left:3px}.icon-btn{width:42px;height:42px;display:grid;place-items:center;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.05);color:#aab3c0}.icon-btn:hover{color:#fff;background:rgba(255,255,255,.09)}.logout-form{margin-left:auto}.page{min-height:calc(100dvh - 68px);padding:28px 18px 100px}.content-wrap,.public-wrap{width:min(1180px,100%);margin:0 auto}.narrow{width:min(980px,100%)}.admin-wrap{width:min(1280px,100%)}.eyebrow{display:inline-flex;align-items:center;gap:8px;color:#97a4b4;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.11em}.eyebrow>span,.status-dot{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 12px rgba(34,197,94,.8)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(28px,5vw,48px);letter-spacing:-.045em;line-height:1.06}h2{letter-spacing:-.025em}.muted{color:var(--muted)}.btn{min-height:44px;border:1px solid transparent;border-radius:12px;padding:10px 16px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:750;font-size:14px;transition:transform .15s,background .15s,border-color .15s,box-shadow .15s}.btn:active{transform:scale(.98)}.btn-primary{background:linear-gradient(135deg,#20c966,#17ad54);border-color:rgba(77,255,137,.35);color:#04130a;box-shadow:0 10px 30px rgba(34,197,94,.13)}.btn-primary:hover{box-shadow:0 10px 34px rgba(34,197,94,.25);filter:brightness(1.05)}.btn-secondary{background:rgba(255,255,255,.055);border-color:var(--line2);color:#e4e9ef}.btn-secondary:hover,.btn-ghost:hover{background:rgba(255,255,255,.09)}.btn-danger{background:rgba(239,68,68,.13);color:#fca5a5;border-color:rgba(239,68,68,.25)}.btn-ghost{background:transparent;border-color:var(--line);color:#aeb8c5}.btn-small{min-height:36px;padding:7px 11px;font-size:12px}.btn-large{min-height:52px;padding:13px 20px}.btn-xl{min-height:56px;padding:14px 22px;font-size:16px}.toast{position:fixed;z-index:90;top:80px;left:50%;transform:translateX(-50%);width:min(520px,calc(100% - 28px));padding:13px 16px;border:1px solid;border-radius:12px;box-shadow:var(--shadow);backdrop-filter:blur(14px);animation:toastIn .25s ease}.toast.success{background:rgba(7,52,28,.94);border-color:rgba(34,197,94,.4);color:#bbf7d0}.toast.error{background:rgba(64,17,24,.95);border-color:rgba(239,68,68,.4);color:#fecaca}@keyframes toastIn{from{opacity:0;transform:translate(-50%,-8px)}}
/* Public */.hero{padding:clamp(60px,10vw,120px) 0 70px;position:relative}.hero h1{font-size:clamp(46px,8vw,86px);max-width:900px;margin:18px 0 20px}.hero h1 em{font-style:normal;background:linear-gradient(90deg,#fff 0,#7df0a7 45%,#38bdf8 100%);-webkit-background-clip:text;color:transparent}.hero>p{max-width:650px;color:#9ba7b6;font-size:18px;line-height:1.65}.hero-actions{display:flex;gap:10px;margin:30px 0}.hero-card{max-width:720px;margin-top:54px}.demo-card{padding:22px;border:1px solid rgba(34,197,94,.18);border-radius:22px;background:linear-gradient(135deg,rgba(26,39,53,.85),rgba(12,21,33,.82));display:flex;align-items:center;justify-content:space-between;gap:18px;box-shadow:0 20px 60px rgba(0,0,0,.25),inset 0 1px rgba(255,255,255,.05)}.demo-card>div{display:grid;grid-template-columns:auto 1fr;gap:4px 10px;align-items:center}.demo-card small{grid-column:2;color:var(--muted)}.steps{padding:60px 0 100px}.section-head span{color:var(--accent);text-transform:uppercase;font-size:12px;font-weight:800;letter-spacing:.1em}.section-head h2{font-size:clamp(28px,5vw,44px);max-width:700px;margin-top:8px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.glass-card,.panel{background:linear-gradient(145deg,rgba(23,32,46,.88),rgba(15,23,35,.82));border:1px solid var(--line);border-radius:var(--radius);box-shadow:inset 0 1px rgba(255,255,255,.04)}.glass-card{padding:26px;min-height:210px}.glass-card>b{color:var(--accent);font-size:12px}.glass-card h3{font-size:23px;margin:44px 0 10px}.glass-card p{color:var(--muted);line-height:1.6}.public-footer{display:flex;justify-content:space-between;gap:15px;color:#647084;padding:28px 0 50px;border-top:1px solid var(--line);font-size:13px}.public-footer a:hover{color:#fff}
/* Auth */.auth-wrap{min-height:calc(100dvh - 130px);display:grid;place-items:center}.auth-card{width:min(470px,100%);padding:30px;border:1px solid var(--line2);border-radius:26px;background:rgba(17,25,38,.88);box-shadow:var(--shadow),inset 0 1px rgba(255,255,255,.05)}.auth-logo{display:flex;justify-content:center;margin-bottom:20px}.auth-card h1{text-align:center;font-size:30px;margin-bottom:10px}.auth-card>p{text-align:center;color:var(--muted);line-height:1.55}.oauth-list{display:grid;gap:10px;margin-top:24px}.oauth{min-height:58px;display:grid;grid-template-columns:38px 1fr 22px;align-items:center;gap:12px;padding:9px 13px;border-radius:14px;border:1px solid var(--line2);background:rgba(255,255,255,.045)}.oauth:hover{background:rgba(255,255,255,.075);border-color:rgba(255,255,255,.22)}.provider-logo{width:35px;height:35px;display:grid;place-items:center;border-radius:10px;font-weight:900}.provider-logo.y{background:#fff;color:#e32636}.provider-logo.vk-logo{background:#2787f5;color:#fff;font-size:12px}.telegram-login{text-align:center;padding:8px}.telegram-login small,.legal-note{color:#657184}.legal-note{display:block;text-align:center;margin-top:20px;line-height:1.5}.legal-note a,.text-link{color:#73d997}.result-card{text-align:center}.result-card .status-icon{margin:0 auto 18px}
/* Dashboard */.welcome{display:flex;justify-content:space-between;margin:10px 0 20px}.welcome h1{font-size:34px;margin:8px 0 6px}.welcome p{color:var(--muted);margin:0}.subscription-hero{padding:26px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(135deg,rgba(20,31,45,.92),rgba(11,20,31,.88));box-shadow:var(--shadow),inset 0 1px rgba(255,255,255,.05);position:relative;overflow:hidden}.subscription-hero:after{content:"";position:absolute;width:260px;height:260px;border-radius:50%;right:-90px;top:-120px;background:radial-gradient(circle,rgba(34,197,94,.12),transparent 68%);pointer-events:none}.hero-status{display:flex;align-items:center;gap:14px;position:relative;z-index:1}.status-icon{width:54px;height:54px;display:grid;place-items:center;border-radius:17px;color:#74f0a4;background:rgba(34,197,94,.11);border:1px solid rgba(34,197,94,.27)}.status-label{display:block;color:#65df91;font-size:11px;font-weight:900;letter-spacing:.1em}.hero-status h2{margin:5px 0 0;font-size:24px}.subscription-meta{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:24px 0 16px}.subscription-meta>div{display:grid;grid-template-columns:24px 1fr;gap:3px 10px;padding:16px;border:1px solid var(--line);border-radius:15px;background:rgba(255,255,255,.035)}.subscription-meta .icon{grid-row:1/3;color:#7f8da0}.subscription-meta span{color:#758195;font-size:12px}.subscription-meta strong{font-size:16px}.primary-actions{display:flex;gap:10px}.trial-row{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:22px;padding:16px;border:1px solid rgba(34,197,94,.2);background:rgba(34,197,94,.06);border-radius:15px}.trial-row div{display:grid;gap:4px}.trial-row span{color:var(--muted);font-size:13px}.period-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:22px}.period-card{width:100%;min-height:96px;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;border:1px solid var(--line2);border-radius:16px;background:rgba(255,255,255,.04);padding:15px;color:#fff}.period-card:hover{border-color:rgba(34,197,94,.4);background:rgba(34,197,94,.06)}.period-card span{color:#9ba6b5}.period-card strong{font-size:21px}.features-line{display:flex;flex-wrap:wrap;gap:18px;margin:18px 0 0;color:#8996a7;font-size:13px}.features-line span{display:flex;align-items:center;gap:5px}.features-line .icon{color:var(--accent)}.quick-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:14px}.quick-card{min-height:88px;display:grid;grid-template-columns:46px 1fr 22px;align-items:center;gap:13px;padding:16px;border:1px solid var(--line);background:rgba(20,29,42,.72);border-radius:17px;transition:.18s}.quick-card:hover{transform:translateY(-2px);border-color:var(--line2);background:rgba(26,37,52,.85)}.quick-card>span:nth-child(2){display:grid;gap:4px}.quick-card small{color:#7f8b9c}.quick-card b{font-size:17px}.quick-card>.icon{color:#6f7b8b}.quick-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:12px}.quick-icon.green{color:#4ade80;background:rgba(34,197,94,.12)}.quick-icon.blue{color:#67d1fa;background:rgba(56,189,248,.12)}.quick-icon.purple{color:#c4b5fd;background:rgba(167,139,250,.12)}.quick-icon.amber{color:#fbbf24;background:rgba(245,158,11,.12)}.inline-alert{display:flex;align-items:center;gap:9px;margin:18px 0 0;padding:11px 13px;border-radius:12px;background:rgba(245,158,11,.09);border:1px solid rgba(245,158,11,.18);color:#fcd34d;font-size:13px}.inline-alert.danger{margin:12px 0;background:rgba(239,68,68,.09);border-color:rgba(239,68,68,.2);color:#fca5a5}.empty-note{padding:18px;border:1px dashed var(--line2);border-radius:14px;color:#7e8a9a;text-align:center;margin-top:16px}
/* pages */.page-title{display:flex;align-items:center;gap:14px;margin:6px 0 20px}.page-title>span{width:46px;height:46px;border-radius:14px;background:rgba(34,197,94,.1);color:#67e894;display:grid;place-items:center;border:1px solid rgba(34,197,94,.18)}.page-title h1{font-size:32px;margin:0 0 4px}.page-title p{color:var(--muted);margin:0}.panel{padding:22px;margin-bottom:14px}.panel h2{font-size:20px;margin-bottom:8px}.panel p{color:var(--muted);line-height:1.55}.panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.status-pill{display:inline-flex;align-items:center;padding:4px 8px;border-radius:999px;background:rgba(255,255,255,.07);border:1px solid var(--line);font-size:11px;color:#aeb8c5;text-transform:uppercase;font-weight:800;letter-spacing:.05em}.status-pill.ok{background:rgba(34,197,94,.1);border-color:rgba(34,197,94,.2);color:#62e791}.status-pill.bad{background:rgba(239,68,68,.09);border-color:rgba(239,68,68,.18);color:#fca5a5}.stats-row,.ref-stats,.admin-stats{display:grid;gap:10px}.stats-row{grid-template-columns:repeat(3,1fr);margin-top:22px}.stats-row>div,.ref-stats>div,.admin-stats>div{padding:15px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.03);display:grid;gap:4px}.stats-row small,.ref-stats small,.admin-stats small{color:#798698}.stats-row strong,.ref-stats strong{font-size:18px}.device-row,.identity-row,.ticket-row,.ledger-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 0;border-top:1px solid var(--line)}.device-row>div,.identity-row>div{display:flex;align-items:center;gap:12px;min-width:0}.device-row span,.identity-row span{display:grid;gap:3px}.device-row small,.identity-row small,.ticket-row small,.ledger-row small{display:block;color:#748195;margin-top:4px}.ticket-row:hover{color:#fff}.form-stack{display:grid;gap:14px;margin-top:18px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:16px}.span-2{grid-column:1/-1}label{display:grid;gap:7px;color:#9ca7b6;font-size:12px;font-weight:650}input,textarea,select{width:100%;border:1px solid var(--line2);border-radius:11px;background:rgba(4,10,18,.55);padding:12px 13px;outline:none;min-height:44px}textarea{resize:vertical}input:focus,textarea:focus,select:focus{border-color:rgba(34,197,94,.48);box-shadow:0 0 0 3px rgba(34,197,94,.08)}.renew-card{border:1px solid var(--line);border-radius:15px;padding:15px;display:grid;gap:9px;background:rgba(255,255,255,.025)}.renew-card strong{font-size:21px}.renew-card .btn{width:100%}.balance-card{padding:26px;border-radius:22px;margin-bottom:14px;background:linear-gradient(135deg,rgba(18,83,45,.45),rgba(16,26,38,.94));border:1px solid rgba(34,197,94,.22)}.balance-card small{color:#94a3b8}.balance-card>strong{display:block;font-size:40px;margin:7px 0}.balance-card p{color:#86a092;max-width:600px}.money-plus{color:#4ade80}.money-minus{color:#fca5a5}.ref-stats{grid-template-columns:repeat(3,1fr);margin-bottom:14px}.ref-stats strong{color:#54e58a}.copy-field{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:15px}.copy-field input{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.chat-panel{display:grid;gap:12px}.chat-message{max-width:78%;padding:13px 15px;border-radius:15px;border:1px solid var(--line);background:rgba(255,255,255,.045)}.chat-message.admin-msg{background:rgba(34,197,94,.07);border-color:rgba(34,197,94,.14)}.chat-message.user-msg{margin-left:auto}.chat-message small{color:#718095}.chat-message p{color:#d9e0e8;margin:5px 0 0;white-space:pre-wrap}.reply-form{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:12px}.profile-head{display:flex;align-items:center;gap:14px}.avatar{width:55px;height:55px;border-radius:16px;background:linear-gradient(135deg,#1ca65a,#167340);display:grid;place-items:center;font-size:22px;font-weight:900}.profile-head h2{margin-bottom:4px}.profile-head p{margin:0}.link-actions{display:flex;gap:8px;margin-top:15px}.back-link{display:inline-block;color:#8996a7;margin:0 0 14px}.back-link:hover{color:#fff}.details{display:grid;grid-template-columns:130px 1fr;gap:9px 14px;font-size:13px}.details dt{color:#778599}.details dd{margin:0;word-break:break-word}.prose{line-height:1.7}.prose h1{font-size:36px}
/* admin */.admin-nav{display:flex;overflow:auto;gap:5px;margin:-4px 0 16px;padding:4px;border:1px solid var(--line);border-radius:14px;background:rgba(16,24,36,.72);scrollbar-width:none}.admin-nav::-webkit-scrollbar{display:none}.admin-nav a{flex:0 0 auto;padding:9px 12px;border-radius:10px;color:#8794a5;font-size:12px;font-weight:700}.admin-nav a.active,.admin-nav a:hover{background:rgba(34,197,94,.1);color:#79eba1}.admin-stats{grid-template-columns:repeat(6,1fr);margin-bottom:14px}.admin-stats strong{font-size:23px}.admin-stats span{color:#6e7a8b;font-size:11px}.admin-table{display:grid;overflow:auto}.admin-table .tr{display:grid;grid-template-columns:80px 1.5fr 1fr 1fr 1fr;min-width:760px;align-items:center;gap:12px;padding:11px;border-top:1px solid var(--line);font-size:13px}.admin-table .th{border-top:0;color:#748195;text-transform:uppercase;font-size:10px;font-weight:850;letter-spacing:.07em}.users-table .tr{grid-template-columns:70px 1.5fr 1fr 1fr 100px}.admin-table a.tr:hover{background:rgba(255,255,255,.025)}.admin-table small{display:block;color:#6f7b8c;margin-top:3px}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:14px}.compact{padding:8px 0}.inline-form{display:grid;grid-template-columns:1fr auto;gap:8px}.mt{margin-top:9px}.tariff-periods{display:grid;gap:8px;margin-top:16px}.period-editor{display:grid;grid-template-columns:100px 150px 1fr 120px 100px;gap:10px;align-items:end;border-top:1px solid var(--line);padding-top:10px}.period-editor>div{display:grid;gap:4px}.period-editor small{color:#6d798a}.switch-label{display:flex;align-items:center;gap:7px;min-height:44px}.switch-label input[type=checkbox],.settings-grid input[type=checkbox]{width:18px;min-height:18px;accent-color:var(--accent)}.requisites{padding:13px;border:1px solid var(--line);border-radius:11px;background:rgba(0,0,0,.15);white-space:pre-wrap}.withdraw-actions{display:grid;grid-template-columns:1fr auto auto auto;gap:8px;margin-top:12px}.search-box{display:grid;grid-template-columns:1fr auto;gap:8px;margin-bottom:14px}.settings-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.settings-grid label:has(input[type=checkbox]){display:flex;align-items:center;justify-content:space-between;padding:12px;border:1px solid var(--line);border-radius:11px}.sticky-save{position:sticky;bottom:90px;z-index:10;box-shadow:var(--shadow)}.audit-table .tr{grid-template-columns:140px 1.3fr 80px 80px 2fr}.mono{font:11px ui-monospace,SFMono-Regular,Menlo,monospace;color:#788596}.pagination,nav[role=navigation]{margin-top:15px;color:#8794a5;font-size:12px}nav[role=navigation] a,nav[role=navigation] span{margin:2px}
/* mobile navigation */.mobile-nav{display:none}.more-sheet,.sheet-backdrop{display:none}
@media(max-width:1020px){.desktop-nav{display:none}.logout-form{margin-left:auto}.page{padding-top:22px}.admin-stats{grid-template-columns:repeat(3,1fr)}.period-editor{grid-template-columns:1fr 1fr}.period-editor .btn{align-self:end}.grid-3{grid-template-columns:1fr}.hero-card{max-width:100%}}
@media(max-width:720px){:root{--radius:16px}.topbar{height:60px;padding:0 15px}.brand strong{font-size:16px}.page{min-height:calc(100dvh - 60px);padding:18px 13px 92px}.is-auth .page{padding-bottom:94px}.logout-form{display:none}.mobile-nav{position:fixed;display:grid;grid-template-columns:repeat(4,1fr);z-index:60;bottom:0;left:0;right:0;padding:7px max(8px,env(safe-area-inset-right)) max(7px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));background:rgba(9,15,25,.94);backdrop-filter:blur(20px);border-top:1px solid var(--line)}.mobile-nav a,.mobile-nav button{border:0;background:none;color:#758296;display:grid;justify-items:center;gap:3px;font-size:10px;padding:4px;min-height:50px}.mobile-nav .active{color:#61e88f}.mobile-nav .icon{width:21px;height:21px}.sheet-backdrop{display:block;position:fixed;inset:0;z-index:69;background:rgba(0,0,0,.62);backdrop-filter:blur(2px)}.more-sheet{display:grid;position:fixed;z-index:70;left:10px;right:10px;bottom:max(10px,env(safe-area-inset-bottom));padding:18px;border:1px solid var(--line2);border-radius:22px;background:#131c29;box-shadow:0 20px 80px #000}.more-sheet[hidden],.sheet-backdrop[hidden]{display:none}.more-sheet h3{margin:0 0 10px}.more-sheet>a,.more-sheet form button{width:100%;display:flex;align-items:center;gap:11px;border:0;border-top:1px solid var(--line);background:none;color:#dbe2ea;padding:14px 4px;text-align:left}.sheet-close{position:absolute;right:12px;top:12px;border:0;background:rgba(255,255,255,.06);border-radius:10px;width:38px;height:38px;display:grid;place-items:center}.hero{padding:55px 4px 42px}.hero h1{font-size:44px}.hero>p{font-size:16px}.hero-actions{display:grid}.demo-card{margin-top:36px;display:grid;padding:18px}.steps{padding:30px 4px 70px}.public-footer{padding:24px 4px 32px;display:grid}.auth-wrap{min-height:calc(100dvh - 100px)}.auth-card{padding:24px 18px;border-radius:20px}.welcome h1{font-size:27px}.subscription-hero{padding:18px;border-radius:19px}.hero-status h2{font-size:20px}.status-icon{width:48px;height:48px;border-radius:14px}.subscription-meta{grid-template-columns:1fr}.primary-actions{display:grid}.primary-actions .btn{width:100%}.trial-row{align-items:flex-start}.period-grid{grid-template-columns:repeat(2,1fr)}.period-card{min-height:84px}.features-line{gap:9px 15px}.quick-grid{grid-template-columns:1fr;gap:9px}.quick-card{min-height:75px}.page-title{align-items:flex-start}.page-title h1{font-size:27px}.page-title p{font-size:13px}.panel{padding:17px}.panel-head{align-items:flex-start}.panel-head>.btn{flex:0 0 auto}.stats-row,.ref-stats{grid-template-columns:1fr}.device-row,.identity-row{align-items:flex-start}.device-row>form,.identity-row>form{margin-left:auto}.form-grid{grid-template-columns:1fr}.span-2{grid-column:auto}.copy-field{grid-template-columns:1fr}.copy-field .btn{width:100%}.reply-form{grid-template-columns:1fr}.chat-message{max-width:91%}.admin-stats{grid-template-columns:repeat(2,1fr)}.grid-2{grid-template-columns:1fr}.settings-grid{grid-template-columns:1fr}.period-editor{grid-template-columns:1fr}.withdraw-actions{grid-template-columns:1fr 1fr}.withdraw-actions input{grid-column:1/-1}.inline-form{grid-template-columns:1fr}.sticky-save{bottom:76px}.prose h1{font-size:30px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.ambient:after{display:none}}
.squad-box{margin-top:18px;padding-top:16px;border-top:1px solid var(--line)}.squad-option{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:11px!important;margin:7px 0;padding:11px 12px!important;border:1px solid var(--line)!important;border-radius:12px}.squad-option input{width:18px!important;min-height:18px!important;accent-color:var(--accent)}.squad-option span{display:grid;gap:3px}.squad-option small{color:#6f7b8b;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}
.telegram-link-box{margin-top:15px;padding-top:14px;border-top:1px solid var(--line)}.telegram-link-box p{margin-bottom:9px}
.admin-action-grid{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:center;margin-top:16px}.admin-action-grid form:first-child .btn{width:100%}@media(max-width:720px){.admin-action-grid{grid-template-columns:1fr}.admin-action-grid .inline-form{grid-template-columns:1fr}.admin-action-grid .btn{width:100%}}

/* ===== v0.1.3 visual compactness / mobile-first polish ===== */
.brand-logo{width:34px;height:34px;border-radius:10px;object-fit:cover;display:block;box-shadow:0 0 0 1px rgba(255,255,255,.12),0 6px 20px rgba(0,0,0,.24)}
.auth-brand-logo{width:72px;height:72px;border-radius:20px;object-fit:cover;display:block;box-shadow:0 0 0 1px rgba(255,255,255,.14),0 14px 40px rgba(0,0,0,.3)}
.public-wrap{width:min(1080px,100%)}
.hero{padding:64px 0 42px}
.hero h1{font-size:clamp(42px,6.2vw,66px);max-width:820px;margin:14px 0 18px}
.hero>p{max-width:620px;font-size:17px;line-height:1.55}
.hero-actions{margin:24px 0}
.hero-card{max-width:680px;margin-top:34px}
.demo-card{padding:17px 18px;border-radius:18px}
.steps{padding:42px 0 58px}
.section-head h2{font-size:clamp(28px,4vw,38px);margin-bottom:24px}
.grid-3{gap:12px}
.glass-card{padding:21px;min-height:158px;border-radius:17px}
.glass-card h3{font-size:21px;margin:25px 0 8px}
.glass-card p{font-size:14px;line-height:1.55;margin-bottom:0}
.compact-head{max-width:780px}
.compact-head h2{margin-bottom:10px}
.compact-head p{color:var(--muted);line-height:1.6;max-width:680px}
.benefits{padding:24px 0 76px}
.benefit-icons{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:26px}
.benefit-icons article{min-width:0;padding:18px 12px 16px;text-align:center;border:1px solid var(--line);border-radius:16px;background:linear-gradient(145deg,rgba(23,32,46,.78),rgba(15,23,35,.7));box-shadow:inset 0 1px rgba(255,255,255,.035)}
.benefit-icons img{width:56px;height:56px;object-fit:contain;display:block;margin:0 auto 12px}
.benefit-icons b{display:block;font-size:14px;line-height:1.25;margin-bottom:5px}
.benefit-icons span{display:block;color:var(--muted);font-size:11px;line-height:1.4}
.benefit-checks{display:grid;grid-template-columns:repeat(3,1fr);gap:10px 18px;margin-top:24px;padding:20px;border:1px solid var(--line);border-radius:18px;background:rgba(13,20,33,.62)}
.benefit-checks>div{display:flex;align-items:flex-start;gap:9px;color:#c8d1dc;font-size:13px;line-height:1.45}
.benefit-checks .icon{width:18px;height:18px;color:#43dc7c;margin-top:1px}
.public-footer{padding-top:22px}

@media(max-width:1020px){
  .public-wrap{width:min(900px,100%)}
  .hero{padding:48px 0 34px}
  .hero h1{font-size:clamp(40px,7vw,56px)}
  .steps{padding:34px 0 48px}
  .grid-3{grid-template-columns:repeat(3,1fr)}
  .benefit-icons{grid-template-columns:repeat(3,1fr)}
  .benefit-icons article:nth-child(4),.benefit-icons article:nth-child(5){grid-column:auto}
  .benefit-checks{grid-template-columns:repeat(2,1fr)}
}

@media(max-width:760px){
  .topbar{height:58px;padding:0 14px;gap:12px}
  .brand-logo{width:34px;height:34px}
  .brand strong{font-size:17px}
  .page{padding:14px 14px 88px}
  body:not(.is-auth) .page{padding-bottom:36px}
  .hero{padding:30px 2px 26px}
  .hero .eyebrow{font-size:10px}
  .hero h1{font-size:clamp(34px,10vw,43px);line-height:1.03;margin:12px 0 14px;letter-spacing:-.04em}
  .hero h1 br{display:none}
  .hero>p{font-size:14px;line-height:1.55}
  .hero-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:20px 0}
  .hero-actions .btn{min-height:46px;padding:10px 12px;font-size:13px}
  .demo-card{margin-top:22px;display:grid;grid-template-columns:1fr;padding:15px;gap:13px}
  .demo-card .btn{width:100%}
  .steps{padding:25px 2px 38px}
  .section-head h2{font-size:28px;line-height:1.08;margin:6px 0 18px}
  .grid-3{grid-template-columns:1fr;gap:9px}
  .glass-card{padding:17px 18px;min-height:0}
  .glass-card h3{font-size:20px;margin:17px 0 6px}
  .glass-card p{font-size:13px;line-height:1.48}
  .benefits{padding:8px 2px 48px}
  .compact-head p{font-size:13px}
  .benefit-icons{grid-template-columns:1fr 1fr;gap:8px;margin-top:18px}
  .benefit-icons article{padding:14px 9px 13px;border-radius:15px}
  .benefit-icons article:last-child{grid-column:1/-1;display:grid;grid-template-columns:52px 1fr;column-gap:10px;text-align:left;align-items:center}
  .benefit-icons article:last-child img{grid-row:1/3;margin:0;width:50px;height:50px}
  .benefit-icons img{width:48px;height:48px;margin-bottom:9px}
  .benefit-icons b{font-size:13px}
  .benefit-icons span{font-size:10px}
  .benefit-checks{grid-template-columns:1fr;gap:10px;margin-top:14px;padding:15px}
  .benefit-checks>div{font-size:12px}
  .public-footer{padding:18px 2px 24px;gap:8px;font-size:11px}
  .auth-wrap{min-height:calc(100dvh - 84px)}
  .auth-card{padding:21px 16px}
  .auth-brand-logo{width:64px;height:64px;border-radius:18px}
}

@media(max-width:390px){
  .hero-actions{grid-template-columns:1fr}
  .benefit-icons{grid-template-columns:1fr 1fr}
  .hero h1{font-size:33px}
}

/* ===== v0.1.7 MVP compact UI + shooting stars ===== */
body{background:#080d17}
.ambient{z-index:0;opacity:.72}
.ambient:after{opacity:.07}
.shooting-stars-canvas{position:fixed;inset:0;width:100vw;height:100vh;z-index:0;pointer-events:none;opacity:.72}
.page{position:relative;z-index:1}
.topbar{height:60px;padding:0 max(16px,calc((100vw - 1120px)/2));gap:14px;background:rgba(8,13,23,.78)}
.brand-logo{width:31px;height:31px;border-radius:9px}.brand strong{font-size:16px}
.desktop-nav{padding:3px}.desktop-nav a{padding:7px 9px;font-size:12px}.icon-btn{width:38px;height:38px}
.page{min-height:calc(100dvh - 60px);padding:20px 16px 78px}
.content-wrap{width:min(1060px,100%)}.public-wrap{width:min(1020px,100%)}.narrow{width:min(900px,100%)}.admin-wrap{width:min(1160px,100%)}
.btn{min-height:40px;padding:8px 14px;border-radius:11px;font-size:13px}.btn-large{min-height:46px;padding:10px 17px}.btn-xl{min-height:48px;padding:11px 18px;font-size:14px}

/* Landing: denser first screen */
.hero{padding:38px 0 28px}.hero h1{font-size:clamp(40px,5.4vw,60px);max-width:760px;margin:12px 0 14px;line-height:1.01}.hero>p{max-width:590px;font-size:15px;line-height:1.52}.hero-actions{margin:19px 0}.hero-card{max-width:620px;margin-top:22px}.demo-card{padding:14px 16px;border-radius:16px}.public-offer-card .offer-copy{display:grid;grid-template-columns:auto 1fr;gap:3px 9px;align-items:center}.public-offer-card .offer-copy small{grid-column:2}.steps{padding:30px 0 40px}.section-head h2{font-size:clamp(26px,3.5vw,34px);margin:6px 0 18px;line-height:1.08}.grid-3{gap:10px}.glass-card{padding:17px 18px;min-height:132px}.glass-card h3{font-size:19px;margin:17px 0 6px}.glass-card p{font-size:13px;line-height:1.45}.benefits{padding:10px 0 50px}.compact-head p{font-size:13px}.benefit-icons{gap:8px;margin-top:18px}.benefit-icons article{padding:14px 10px 13px;border-radius:14px}.benefit-icons img{width:48px;height:48px;margin-bottom:9px}.benefit-icons b{font-size:13px}.benefit-icons span{font-size:10.5px}.benefit-checks{gap:8px 14px;margin-top:16px;padding:15px;border-radius:15px}.benefit-checks>div{font-size:12px}.public-footer{padding:18px 0 28px}

/* Cabinet: compact cards */
.welcome{margin:3px 0 14px}.welcome h1{font-size:29px;margin:5px 0 4px}.welcome p{font-size:13px}.subscription-hero{padding:19px;border-radius:19px}.status-icon{width:46px;height:46px;border-radius:14px}.hero-status{gap:11px}.hero-status h2{font-size:20px}.subscription-meta{gap:8px;margin:16px 0 12px}.subscription-meta>div{padding:12px;border-radius:12px}.subscription-meta strong{font-size:14px}.trial-row{margin-top:15px;padding:12px}.period-grid{gap:8px;margin-top:15px}.period-card{min-height:78px;padding:12px;border-radius:13px}.period-card strong{font-size:18px}.period-card small{color:#65df91;font-size:10px;font-weight:800}.features-line{margin-top:13px;font-size:12px}.quick-grid{gap:9px;margin-top:10px}.quick-grid-3{grid-template-columns:repeat(3,1fr)}.quick-card{min-height:70px;grid-template-columns:38px 1fr 18px;gap:10px;padding:12px;border-radius:14px}.quick-icon{width:36px;height:36px;border-radius:10px}.quick-card b{font-size:14px}.quick-card small{font-size:11px}

/* Connect is the primary action */
.btn-connect{position:relative;overflow:hidden;background:linear-gradient(110deg,#16a34a 0%,#36e878 28%,#22c55e 52%,#5eead4 74%,#16a34a 100%);background-size:260% 100%;border-color:rgba(110,255,170,.45);box-shadow:0 8px 26px rgba(34,197,94,.22);animation:connect-flow 3.1s ease-in-out infinite;color:#03170a}
.btn-connect:hover{filter:brightness(1.06);box-shadow:0 10px 34px rgba(34,197,94,.34)}
.rocket-emoji{font-size:1.08em;line-height:1;filter:drop-shadow(0 2px 4px rgba(0,0,0,.15))}
@keyframes connect-flow{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}

/* General pages */
.page-title{gap:11px;margin:2px 0 14px}.page-title>span{width:40px;height:40px;border-radius:12px}.page-title h1{font-size:27px}.page-title p{font-size:12px}.panel{padding:17px;margin-bottom:10px;border-radius:16px}.panel h2{font-size:18px}.panel p{font-size:13px}.stats-row{gap:8px;margin-top:15px}.stats-row>div,.ref-stats>div,.admin-stats>div{padding:11px;border-radius:12px}.device-row,.identity-row,.ticket-row,.ledger-row{padding:11px 0}.balance-card{padding:20px;border-radius:18px}.balance-card>strong{font-size:34px}.auth-wrap{min-height:calc(100dvh - 84px)}.auth-card{width:min(430px,100%);padding:23px;border-radius:20px}.auth-logo{margin-bottom:13px}.auth-brand-logo{width:58px;height:58px;border-radius:16px}.auth-card h1{font-size:26px}.auth-card>p{font-size:13px}.oauth-list{gap:8px;margin-top:17px}.oauth{min-height:50px;grid-template-columns:32px 1fr 20px;padding:7px 10px;border-radius:12px}.legal-note{margin-top:15px;font-size:10.5px}

/* Provider placeholders. Replace PNG files without touching templates. */
.provider-icon-img{width:36px;height:36px;border-radius:10px;object-fit:cover;display:block;flex:0 0 auto;border:1px solid rgba(255,255,255,.12);background:#111b2a}.login-provider-icon{width:32px;height:32px;border-radius:9px}.provider-identity>div{min-width:0}.provider-link-actions{display:flex;flex-wrap:wrap}.provider-link-btn{gap:8px}.provider-link-btn img{width:24px;height:24px;border-radius:7px;object-fit:cover}.identity-panel .panel-head p{max-width:680px;margin-bottom:0}.identity-list{margin-top:7px}.link-provider-head{margin-top:14px;padding-top:14px;border-top:1px solid var(--line)}.link-provider-head h3{font-size:14px;margin-bottom:4px}.link-provider-head p{font-size:12px;margin-bottom:0}.telegram-link-box{margin-top:12px;padding:12px;border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.025)}.telegram-link-title,.telegram-provider-line{display:flex;align-items:center;gap:10px}.telegram-link-title span,.telegram-provider-line span{display:grid;gap:2px}.telegram-link-title small,.telegram-provider-line small{color:var(--muted);font-size:11px}.telegram-widget-slot{display:flex;justify-content:flex-start;align-items:center;min-height:42px;margin-top:10px;overflow:hidden}.telegram-login-card{padding:10px;border:1px solid var(--line2);border-radius:12px;background:rgba(255,255,255,.035)}

/* Admin: compact and human-readable */
.admin-nav{margin-bottom:11px}.admin-nav a{padding:7px 10px;font-size:11px}.admin-stats{grid-template-columns:repeat(5,1fr);gap:8px;margin-bottom:10px}.admin-stats strong{font-size:20px}.admin-table .tr{padding:9px;font-size:12px}.grid-2{gap:10px}.settings-grid{gap:9px}.settings-grid label:has(input[type=checkbox]){padding:10px}.status-pill{text-transform:none;letter-spacing:0;font-size:10.5px}

@media(max-width:1020px){
  .quick-grid-3{grid-template-columns:repeat(3,1fr)}
  .admin-stats{grid-template-columns:repeat(3,1fr)}
  .benefit-icons{grid-template-columns:repeat(5,1fr)}
}

@media(max-width:760px){
  .shooting-stars-canvas{opacity:.5}
  .topbar{height:56px;padding:0 12px}.brand-logo{width:30px;height:30px}.brand strong{font-size:16px}
  .page{min-height:calc(100dvh - 56px);padding:11px 12px 82px}body:not(.is-auth) .page{padding-bottom:28px}
  .hero{padding:18px 1px 17px}.hero h1{font-size:clamp(31px,9vw,38px);margin:8px 0 10px;line-height:1.02}.hero>p{font-size:13px}.hero-actions{margin:14px 0;gap:7px}.hero-actions .btn{min-height:42px}.demo-card{margin-top:14px;padding:12px}.public-offer-card{grid-template-columns:1fr auto}.public-offer-card .btn{width:auto}.steps{padding:20px 1px 28px}.section-head h2{font-size:24px;margin-bottom:13px}.glass-card{padding:14px 15px}.glass-card h3{font-size:18px;margin:12px 0 4px}.benefits{padding:5px 1px 34px}.benefit-icons{grid-template-columns:1fr 1fr}.benefit-icons article{padding:12px 8px}.benefit-checks{padding:12px}.public-footer{padding:14px 1px 20px}
  .welcome{margin:0 0 10px}.welcome h1{font-size:24px}.welcome p{font-size:12px}.subscription-hero{padding:14px}.status-icon{width:42px;height:42px}.hero-status h2{font-size:18px}.subscription-meta{margin:12px 0 9px}.subscription-meta>div{padding:10px}.primary-actions{gap:7px}.period-grid{grid-template-columns:repeat(2,1fr);gap:7px}.period-card{min-height:72px}.quick-grid-3{grid-template-columns:1fr;gap:7px}.quick-card{min-height:62px}.panel{padding:14px}.page-title{margin-bottom:11px}.page-title h1{font-size:24px}.page-title>span{width:38px;height:38px}.auth-card{padding:18px 14px}.auth-brand-logo{width:52px;height:52px}.auth-card h1{font-size:23px}.oauth{min-height:48px}.telegram-login-card{padding:9px}.provider-link-actions{display:grid;grid-template-columns:1fr}.provider-link-btn{width:100%}.identity-row.provider-identity{gap:8px}.admin-stats{grid-template-columns:repeat(2,1fr)}
}

@media(max-width:430px){
  .public-offer-card{grid-template-columns:1fr}.public-offer-card .btn{width:100%}
  .hero-actions{grid-template-columns:1fr 1fr}.benefit-icons{grid-template-columns:1fr 1fr}
}

@media(prefers-reduced-motion:reduce){.shooting-stars-canvas{opacity:.4}.btn-connect{animation:none;background-position:50% 50%}}

/* ===== v0.1.8 UX polish ===== */
.toast{display:grid;grid-template-columns:1fr 34px;align-items:center;gap:10px;touch-action:pan-y;transition:opacity .18s ease,transform .18s ease}.toast>button{width:32px;height:32px;border:0;border-radius:9px;display:grid;place-items:center;background:rgba(255,255,255,.08);color:inherit}.toast>button:hover{background:rgba(255,255,255,.14)}.toast.is-leaving{opacity:0;transform:translate(-50%,-8px) scale(.98)}

/* Public hero with interactive VPN route */
.public-hero-v2{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(360px,.88fr);gap:44px;align-items:center;padding:54px 0 42px;min-height:min(690px,calc(100dvh - 60px))}.public-hero-copy h1{font-size:clamp(42px,5.4vw,66px);max-width:720px;margin:13px 0 16px;line-height:1.01}.public-hero-copy h1 em{font-style:normal;background:linear-gradient(90deg,#fff 0,#7df0a7 45%,#38bdf8 100%);-webkit-background-clip:text;color:transparent}.public-hero-copy>p{max-width:620px;color:#9ba7b6;font-size:16px;line-height:1.58}.public-hero-actions{display:flex;align-items:center;gap:16px;margin-top:23px}.public-main-cta span{font-weight:650;opacity:.78}.hero-text-link{display:inline-flex;gap:6px;align-items:center;color:#9aa6b6;font-size:13px;font-weight:700;padding:10px 2px}.hero-text-link:hover{color:#fff}.public-mini-facts{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.public-mini-facts span,.tariff-chips span{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;padding:7px 10px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.035);color:#a8b3c1;font-size:11.5px;font-weight:700}
.vpn-demo{position:relative;overflow:hidden;padding:20px;border:1px solid rgba(34,197,94,.22);border-radius:24px;background:linear-gradient(145deg,rgba(20,31,45,.93),rgba(10,18,29,.92));box-shadow:0 28px 90px rgba(0,0,0,.35),inset 0 1px rgba(255,255,255,.05)}.vpn-demo:before{content:"";position:absolute;width:230px;height:230px;right:-80px;top:-110px;border-radius:50%;background:radial-gradient(circle,rgba(34,197,94,.20),transparent 68%);pointer-events:none}.vpn-demo-head{position:relative;display:flex;align-items:center;justify-content:space-between;gap:14px}.vpn-demo-head>div{display:flex;align-items:center;gap:7px}.vpn-demo-head small{color:#7f8da0;font-size:9px;font-weight:900;letter-spacing:.12em}.vpn-demo-head strong{font-size:13px;color:#b9f6cd}.vpn-live-dot{width:8px;height:8px;border-radius:50%;background:#38df75;box-shadow:0 0 14px rgba(56,223,117,.9);animation:vpn-pulse 1.8s ease-in-out infinite}.vpn-route-visual{position:relative;display:grid;grid-template-columns:82px 1fr 82px;align-items:center;gap:10px;margin:34px 0 25px}.route-node{display:grid;justify-items:center;gap:7px;position:relative;z-index:2}.route-node>span{width:58px;height:58px;border:1px solid var(--line2);border-radius:18px;display:grid;place-items:center;background:rgba(255,255,255,.055);font-size:27px;box-shadow:inset 0 1px rgba(255,255,255,.05)}.route-node small{color:#7f8b9d;font-size:9.5px;text-align:center}.route-track{height:44px;position:relative}.route-track-line{position:absolute;left:0;right:0;top:50%;height:2px;background:linear-gradient(90deg,rgba(34,197,94,.25),rgba(94,234,212,.9),rgba(56,189,248,.25));box-shadow:0 0 16px rgba(52,211,153,.3)}.route-track:before,.route-track:after{content:"";position:absolute;top:50%;width:6px;height:6px;border-radius:50%;background:#5eea9a;transform:translateY(-50%);box-shadow:0 0 12px rgba(94,234,154,.8)}.route-track:before{left:-2px}.route-track:after{right:-2px}.route-rocket{position:absolute;top:50%;left:0;font-size:22px;filter:drop-shadow(0 4px 7px rgba(0,0,0,.35));animation:route-rocket 3.4s cubic-bezier(.45,.02,.55,.98) infinite}.route-restart .route-rocket{animation-name:route-rocket-restart}.vpn-demo-location{display:flex;align-items:center;justify-content:space-between;padding:11px 13px;border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.035)}.vpn-demo-location small{color:#768397}.vpn-demo-location strong{font-size:13px}.demo-location-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:8px}.demo-location-tabs button{min-height:34px;border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.025);color:#8e9aab;font-size:10px;font-weight:750}.demo-location-tabs button:hover,.demo-location-tabs button.active{color:#dfffea;border-color:rgba(34,197,94,.32);background:rgba(34,197,94,.10)}.vpn-demo-devices{display:flex;gap:7px;margin-top:14px}.vpn-demo-devices span{flex:1;text-align:center;padding:8px 6px;border-radius:10px;background:rgba(255,255,255,.03);color:#7f8b9d;font-size:9.5px}.steps-v2{padding-top:26px}
@keyframes route-rocket{0%{left:-6px;transform:translate(-10%,-50%) rotate(0deg);opacity:.25}12%{opacity:1}50%{transform:translate(-50%,-58%) rotate(-4deg)}88%{opacity:1}100%{left:100%;transform:translate(-90%,-50%) rotate(2deg);opacity:.2}}@keyframes route-rocket-restart{0%{left:-6px;transform:translate(-10%,-50%);opacity:.2}100%{left:100%;transform:translate(-90%,-50%);opacity:.2}}@keyframes vpn-pulse{0%,100%{transform:scale(.85);opacity:.7}50%{transform:scale(1.18);opacity:1}}

/* Cabinet refinements */
.welcome{margin-bottom:10px}.welcome h1{margin-bottom:0}.tariff-chips{display:flex;gap:7px;overflow-x:auto;margin-top:13px;padding-bottom:1px;scrollbar-width:none}.tariff-chips::-webkit-scrollbar{display:none}.tariff-chips span{flex:0 0 auto;padding:6px 9px;font-size:10.5px}.balance-card-actions{display:flex;align-items:center;justify-content:space-between;gap:20px}.balance-card-actions>div>strong{display:block;font-size:34px;margin:6px 0}.balance-card-actions p{margin-bottom:0}.balance-topup-panel[hidden]{display:none}.topup-presets{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.topup-presets button{min-height:40px;border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.035);color:#abb6c4}.topup-presets button:hover,.topup-presets button.active{border-color:rgba(34,197,94,.35);background:rgba(34,197,94,.10);color:#c9f8d9}.compact-close{position:static;width:34px;height:34px;flex:0 0 34px}.subscription-share{display:grid;grid-template-columns:1fr auto;gap:14px;align-items:center;margin-top:14px;padding:12px;border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.025)}.subscription-share>div{display:grid;gap:3px}.subscription-share small{color:#778496;font-size:10.5px}.subscription-share input{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}.danger-zone{margin-top:18px;padding:14px;border:1px solid rgba(239,68,68,.28);border-radius:14px;background:rgba(239,68,68,.055)}.danger-zone h3{color:#fca5a5}.danger-zone p{font-size:11.5px;color:#b78d92}.danger-zone code{color:#fecaca}.mobile-nav-three{grid-template-columns:repeat(3,1fr)!important}

@media(max-width:900px){.public-hero-v2{grid-template-columns:1fr;gap:24px;min-height:auto;padding:34px 0 30px}.vpn-demo{width:min(620px,100%)}.public-hero-copy h1{max-width:760px}.steps-v2{padding-top:18px}}
@media(max-width:760px){.shooting-stars-canvas{opacity:.78}.public-hero-v2{padding:22px 1px 22px;gap:20px}.public-hero-copy h1{font-size:clamp(34px,10vw,44px);margin:9px 0 11px}.public-hero-copy>p{font-size:13px;line-height:1.5}.public-hero-actions{display:grid;grid-template-columns:1fr;margin-top:16px;gap:5px}.public-main-cta{width:100%;min-height:48px}.hero-text-link{justify-content:center;padding:8px}.public-mini-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-top:12px}.public-mini-facts span{font-size:9.5px;padding:6px 5px}.vpn-demo{padding:15px;border-radius:19px}.vpn-demo-head strong{font-size:11.5px}.vpn-route-visual{grid-template-columns:70px 1fr 70px;margin:25px 0 20px}.route-node>span{width:50px;height:50px;border-radius:15px;font-size:23px}.route-node small{font-size:8.5px}.route-rocket{font-size:20px}.demo-location-tabs{gap:5px}.demo-location-tabs button{font-size:9px;padding:0 4px}.vpn-demo-devices span{font-size:8.5px}.steps-v2{padding-top:12px}.balance-card-actions{align-items:flex-end}.balance-card-actions>div>strong{font-size:30px}.topup-presets{grid-template-columns:repeat(2,1fr)}.subscription-share{grid-template-columns:1fr}.subscription-share .btn{width:100%}.tariff-chips{gap:5px}.tariff-chips span{font-size:9.5px;padding:5px 7px}.toast{top:66px}}
@media(max-width:430px){.public-mini-facts{grid-template-columns:1fr 1fr 1fr}.vpn-route-visual{grid-template-columns:62px 1fr 62px;gap:6px}.route-node>span{width:46px;height:46px}.balance-card-actions{display:grid;grid-template-columns:1fr}.balance-card-actions .btn{width:100%}}
@media(prefers-reduced-motion:reduce){.vpn-live-dot,.route-rocket{animation:none}.route-rocket{left:50%;transform:translate(-50%,-50%)}.toast{transition:none}}

/* ===== v0.1.9 UX refinement ===== */
/* Demo route: data packets instead of a flying rocket */
.route-track{overflow:visible}.route-track-line{height:3px;border-radius:999px;background:linear-gradient(90deg,rgba(34,197,94,.16),rgba(45,212,191,.72),rgba(56,189,248,.22));background-size:180% 100%;animation:route-line-flow 2.8s linear infinite}.route-packet{position:absolute;top:50%;left:0;width:8px;height:8px;border-radius:50%;transform:translate(-50%,-50%);background:#86efac;box-shadow:0 0 8px rgba(134,239,172,.95),0 0 18px rgba(45,212,191,.55);animation:route-packet-flow 2.7s cubic-bezier(.4,0,.2,1) infinite}.route-packet:after{content:"";position:absolute;inset:-5px;border:1px solid rgba(94,234,212,.24);border-radius:50%;animation:packet-ring 1.35s ease-out infinite}.packet-two{animation-delay:-.68s;opacity:.88}.packet-three{animation-delay:-1.35s;opacity:.7}.packet-four{animation-delay:-2.02s;opacity:.52}.route-restart .route-packet{animation-name:route-packet-restart}.route-restart .route-track-line{animation-name:route-line-restart}
@keyframes route-packet-flow{0%{left:0;opacity:0;transform:translate(-50%,-50%) scale(.65)}12%{opacity:1}50%{transform:translate(-50%,-50%) scale(1.08)}88%{opacity:1}100%{left:100%;opacity:0;transform:translate(-50%,-50%) scale(.72)}}
@keyframes route-packet-restart{0%{left:0;opacity:0}15%{opacity:1}100%{left:100%;opacity:0}}
@keyframes route-line-flow{to{background-position:-180% 0}}
@keyframes route-line-restart{from{filter:brightness(1.55)}to{filter:brightness(1)}}
@keyframes packet-ring{0%{transform:scale(.55);opacity:.7}100%{transform:scale(1.45);opacity:0}}

/* Dashboard hierarchy */
.dashboard-wrap .welcome{margin-bottom:16px}.dashboard-wrap .welcome h1{margin-top:8px}.dashboard-wrap .subscription-hero{margin-top:0}.period-card{cursor:pointer;position:relative;text-align:left}.period-card small{color:#6fdc95;font-size:10.5px;font-weight:750}.period-card:after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px transparent;transition:.18s}.period-card:hover:after,.period-card:focus-visible:after{box-shadow:inset 0 0 0 1px rgba(34,197,94,.35)}.tariff-chips span:last-child{white-space:nowrap}

/* Payment confirmation bottom sheet / modal */
body.modal-open{overflow:hidden}.plan-modal[hidden]{display:none}.plan-modal{position:fixed;inset:0;z-index:120;display:grid;place-items:center;padding:20px}.plan-modal-backdrop{position:absolute;inset:0;border:0;background:rgba(1,6,14,.74);backdrop-filter:blur(5px)}.plan-modal-sheet{position:relative;z-index:1;width:min(470px,100%);padding:22px;border:1px solid var(--line2);border-radius:22px;background:linear-gradient(145deg,#172131,#0d1623);box-shadow:0 30px 100px rgba(0,0,0,.55);animation:plan-modal-in .18s ease}.plan-modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.plan-modal-head h2{font-size:23px;margin:7px 0 0}.plan-summary{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:18px 0 10px}.plan-summary>div{padding:13px;border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.035);display:grid;gap:4px}.plan-summary small{color:#7f8b9c;font-size:11px}.plan-summary strong{font-size:18px}.plan-facts{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 16px}.plan-facts span{padding:6px 8px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.025);color:#96a3b3;font-size:9.5px}.plan-modal-sheet form{margin-top:8px}.plan-modal-sheet form .btn{width:100%}.plan-balance-note{display:block;text-align:center;margin-top:9px;color:#687689}.plan-balance-note[hidden]{display:none}@keyframes plan-modal-in{from{opacity:0;transform:translateY(10px) scale(.98)}}

/* Telegram should read as one provider row, not a nested card */
.oauth-telegram-row{grid-template-columns:38px minmax(0,1fr) auto;min-height:58px}.oauth-telegram-copy{display:grid;gap:2px}.oauth-telegram-copy small{color:#788598;font-size:10.5px;font-weight:500}.telegram-inline-widget{min-width:116px;display:flex;align-items:center;justify-content:flex-end;overflow:hidden}.telegram-inline-widget iframe{max-width:100%!important}.identity-list-all{display:grid;gap:0;margin-top:16px}.identity-list-all .identity-row{margin:0;border-radius:0;border-left:0;border-right:0;border-bottom:1px solid var(--line);background:transparent}.identity-list-all .identity-row:first-child{border-top:1px solid var(--line)}.identity-provider-main{display:flex;align-items:center;gap:11px;min-width:0}.identity-provider-main span{display:grid;gap:3px;min-width:0}.identity-provider-main small{overflow:hidden;text-overflow:ellipsis}.identity-row.is-unlinked{opacity:.92}.profile-telegram-widget{min-width:125px}.identity-help{margin:15px 0 0;color:#718095;font-size:11.5px;line-height:1.5}

/* Admin user: separate visual sections and breathing room */
.admin-user-page{padding-bottom:30px}.admin-user-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:16px 0 18px}.admin-user-summary>div{padding:13px 15px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.03);display:grid;gap:4px}.admin-user-summary small{color:#748196;font-size:10.5px}.admin-user-summary strong{font-size:15px}.admin-user-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:start}.admin-user-grid>.panel{margin:0}.admin-wide-card{grid-column:1/-1}.admin-section-card{padding:20px}.admin-section-title{display:flex;align-items:flex-start;gap:11px;margin-bottom:18px}.admin-section-title>span:first-child{flex:0 0 auto;width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:rgba(34,197,94,.09);border:1px solid rgba(34,197,94,.18);color:#65df91;font-size:10px;font-weight:900}.admin-section-title>div{min-width:0;flex:1}.admin-section-title h2{font-size:19px;margin:1px 0 4px}.admin-section-title p{color:#778498;font-size:11.5px;line-height:1.45;margin:0}.admin-section-title>.status-pill{margin-left:auto}.admin-details{padding:12px 0}.admin-subsection{margin-top:18px;padding-top:17px;border-top:1px solid var(--line)}.admin-subsection h3{margin-bottom:11px}.admin-identities{display:grid;gap:7px}.admin-form-box{margin-top:0;padding:14px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.022)}.admin-form-two{display:grid;grid-template-columns:1fr 1fr;gap:10px}.admin-action-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:end;margin-top:14px;padding-top:14px;border-top:1px solid var(--line)}.admin-action-row>form:last-child .btn{min-width:130px}.admin-remote-summary{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.admin-remote-summary>div{padding:12px;border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.025);display:grid;gap:3px}.admin-remote-summary small{color:#778498;font-size:10.5px}.admin-action-grid-spaced{margin-top:14px;padding-top:14px;border-top:1px solid var(--line)}.admin-account-actions{display:grid;gap:0}.admin-action-block{padding:15px 0;border-top:1px solid var(--line)}.admin-action-block:first-of-type{border-top:0;padding-top:0}.admin-action-block h3{margin:0 0 5px}.admin-action-block p{color:#8190a2;font-size:11.5px;line-height:1.48;margin-bottom:12px}.admin-action-safe{padding:14px;border:1px solid rgba(56,189,248,.16);border-radius:14px;background:rgba(56,189,248,.045);margin-bottom:14px}.danger-zone{margin-top:15px}.admin-payments-panel{margin-top:18px!important}

@media(max-width:900px){.admin-user-grid{grid-template-columns:1fr}.admin-wide-card{grid-column:auto}.admin-user-summary{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){
  .route-track-line{height:3px}.route-packet{width:7px;height:7px}.packet-four{display:none}.vpn-route-visual{margin-top:28px}
  .dashboard-wrap .welcome{margin-bottom:14px}.dashboard-wrap .subscription-hero{padding-top:16px}.period-card small{font-size:9.5px}
  .plan-modal{place-items:end center;padding:0}.plan-modal-sheet{width:100%;border-radius:22px 22px 0 0;padding:18px 16px max(18px,env(safe-area-inset-bottom));animation:plan-sheet-in .22s ease}.plan-summary{margin-top:15px}.plan-facts{flex-wrap:nowrap;overflow-x:auto;padding-bottom:2px;scrollbar-width:none}.plan-facts::-webkit-scrollbar{display:none}.plan-facts span{flex:0 0 auto}@keyframes plan-sheet-in{from{transform:translateY(100%);opacity:.7}}
  .auth-wrap{place-items:start center;min-height:auto;padding-top:38px}.auth-card{margin-bottom:20px}.oauth-telegram-row{grid-template-columns:34px minmax(0,1fr);gap:10px}.oauth-telegram-row .telegram-inline-widget{grid-column:1/-1;justify-content:flex-start;padding-left:44px;margin-top:-2px}.oauth-telegram-copy small{font-size:10px}
  .identity-list-all .identity-row{display:grid;grid-template-columns:1fr auto;gap:10px}.identity-list-all .profile-telegram-widget{grid-column:1/-1;justify-content:flex-start;padding-left:44px;margin-top:2px}.identity-help{font-size:10.5px}
  .admin-user-summary{grid-template-columns:1fr;gap:7px}.admin-section-card{padding:15px}.admin-section-title{margin-bottom:15px}.admin-section-title h2{font-size:18px}.admin-form-two{grid-template-columns:1fr 1fr}.admin-action-row{grid-template-columns:1fr;align-items:stretch}.admin-action-row>form:last-child .btn{width:100%}.admin-remote-summary{grid-template-columns:1fr 1fr}.admin-user-grid{gap:13px}.admin-payments-panel{margin-top:13px!important}
}
@media(max-width:430px){.admin-form-two{grid-template-columns:1fr}.plan-summary{grid-template-columns:1fr 1fr}.public-mini-facts span:last-child{font-size:8.8px}}
@media(prefers-reduced-motion:reduce){.route-track-line,.route-packet,.route-packet:after{animation:none}.route-packet{display:none}}

/* ===== v0.2.0 public marketing + navigation polish ===== */
@view-transition{navigation:auto}
::view-transition-old(root){animation:v20-page-out .14s ease both}
::view-transition-new(root){animation:v20-page-in .20s ease both}
@keyframes v20-page-in{from{opacity:.42;transform:translateY(4px)}to{opacity:1;transform:none}}
@keyframes v20-page-out{to{opacity:.25;transform:translateY(-2px)}}
.page{transition:opacity .11s ease,transform .11s ease}.page-ready .page{animation:v20-page-in .18s ease both}.page-leaving .page{opacity:.35;transform:translateY(3px);pointer-events:none}

/* Public hero: services instead of technical VPN route */
.public-hero-v3{display:grid;grid-template-columns:minmax(0,1.03fr) minmax(400px,.97fr);gap:46px;align-items:center;padding:48px 0 30px;min-height:min(670px,calc(100dvh - 68px))}.public-hero-copy-v3 h1{font-size:clamp(41px,5.1vw,64px);line-height:1.015;max-width:760px;margin:13px 0 16px}.public-hero-copy-v3 h1 em{font-style:normal;background:linear-gradient(90deg,#eefcf3 0,#72eca0 44%,#49c8ee 100%);-webkit-background-clip:text;color:transparent}.public-hero-copy-v3>p{max-width:650px;color:#9ca8b7;font-size:16px;line-height:1.58}.public-hero-actions-v3{margin-top:22px}.service-showcase{position:relative;overflow:hidden;padding:19px;border:1px solid rgba(34,197,94,.20);border-radius:25px;background:linear-gradient(145deg,rgba(19,30,44,.94),rgba(9,17,28,.92));box-shadow:0 28px 90px rgba(0,0,0,.34),inset 0 1px rgba(255,255,255,.05)}.service-showcase:before{content:"";position:absolute;width:280px;height:280px;right:-120px;top:-145px;border-radius:50%;background:radial-gradient(circle,rgba(34,197,94,.17),transparent 68%);pointer-events:none}.service-showcase:after{content:"";position:absolute;width:220px;height:220px;left:-110px;bottom:-140px;border-radius:50%;background:radial-gradient(circle,rgba(56,189,248,.10),transparent 68%);pointer-events:none}.service-showcase-head{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:12px}.service-showcase-head>div{display:flex;align-items:center;gap:7px}.service-showcase-head small{font-size:9px;font-weight:900;letter-spacing:.12em;color:#7f8da0}.service-ready{font-size:11px;font-weight:800;color:#b6f6ca;padding:6px 9px;border:1px solid rgba(34,197,94,.20);background:rgba(34,197,94,.07);border-radius:999px}.service-focus{position:relative;z-index:1;display:grid;grid-template-columns:80px 1fr auto;align-items:center;gap:15px;margin:22px 0 18px;padding:17px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.035);min-height:118px}.service-focus-icon{width:72px;height:72px;display:grid;place-items:center;border-radius:20px;background:rgba(255,255,255,.045);box-shadow:inset 0 1px rgba(255,255,255,.07),0 14px 32px rgba(0,0,0,.18)}.service-focus-icon img{width:58px;height:58px;border-radius:16px;object-fit:cover}.service-focus-copy small{color:#65df91;font-size:10px;font-weight:850;text-transform:uppercase;letter-spacing:.09em}.service-focus-copy h2{font-size:25px;margin:4px 0 5px}.service-focus-copy p{margin:0;color:#98a5b5;font-size:12px;line-height:1.45;max-width:310px}.service-pulse{width:28px;height:62px;display:flex;align-items:flex-end;justify-content:center;gap:3px;opacity:.85}.service-pulse i{display:block;width:4px;border-radius:999px;background:linear-gradient(#6ee7b7,#38bdf8);animation:service-eq 1.5s ease-in-out infinite}.service-pulse i:nth-child(1){height:22px}.service-pulse i:nth-child(2){height:42px;animation-delay:-.55s}.service-pulse i:nth-child(3){height:30px;animation-delay:-.9s}@keyframes service-eq{0%,100%{transform:scaleY(.55);opacity:.5}50%{transform:scaleY(1);opacity:1}}.service-switching .service-focus-icon{animation:service-icon-pop .26s ease}.service-switching .service-focus-copy{animation:service-copy-pop .28s ease}@keyframes service-icon-pop{0%{transform:scale(.88);opacity:.35}100%{transform:none;opacity:1}}@keyframes service-copy-pop{0%{transform:translateY(5px);opacity:.28}100%{transform:none;opacity:1}}.service-selector{position:relative;z-index:2;display:flex;gap:7px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;padding:1px 1px 6px;scrollbar-width:none}.service-selector::-webkit-scrollbar{display:none}.service-chip{flex:0 0 auto;display:flex;align-items:center;gap:7px;min-height:41px;padding:5px 10px 5px 6px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.025);color:#9ca8b7;scroll-snap-align:center;transition:.18s}.service-chip img{width:29px;height:29px;border-radius:9px;object-fit:cover}.service-chip span{font-size:10.5px;font-weight:750;white-space:nowrap}.service-chip:hover,.service-chip.active{border-color:rgba(34,197,94,.35);background:rgba(34,197,94,.09);color:#e7fff0;transform:translateY(-1px)}.service-disclaimer{position:relative;z-index:2;display:block;margin-top:8px;color:#58677a;font-size:8px;line-height:1.4}.public-marquee-wrap{margin-top:2px}.steps-v3{padding-top:30px}.benefits-v3{padding-top:10px}

/* Smooth endless facts strip */
.benefit-marquee{width:100%;overflow:hidden;border:1px solid var(--line);border-radius:14px;background:rgba(16,25,38,.72);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}.benefit-marquee-track{display:flex;width:max-content;will-change:transform;animation:benefit-marquee-flow 32s linear infinite}.benefit-marquee-group{display:flex;align-items:center;gap:9px;padding:8px 5px}.benefit-marquee-group span{display:inline-flex;align-items:center;white-space:nowrap;padding:6px 10px;border-right:1px solid rgba(255,255,255,.07);color:#a3afbd;font-size:10.5px;font-weight:700}.benefit-marquee-group span:last-child{padding-right:16px}.benefit-marquee:hover .benefit-marquee-track,.benefit-marquee:active .benefit-marquee-track{animation-play-state:paused}@keyframes benefit-marquee-flow{to{transform:translateX(-50%)}}

/* Dashboard: fewer utility cards, clearer marketing hierarchy */
.dashboard-v2{max-width:900px}.welcome-v2{margin-top:5px!important;margin-bottom:18px!important}.welcome-v2 h1{font-size:clamp(26px,4vw,36px);margin-bottom:7px!important}.welcome-v2 p{max-width:720px;color:#8592a4;font-size:12.5px;line-height:1.5}.subscription-hero-v2{margin-top:0!important}.subscription-hero-v2 .period-grid{margin-top:20px}.subscription-hero-v2 .benefit-marquee{margin-top:14px}.period-old-price{color:#788597!important;text-decoration:line-through;font-weight:500!important;margin-bottom:-5px}.promo-box{display:grid;grid-template-columns:50px minmax(0,1fr) minmax(280px,.78fr);align-items:center;gap:14px;margin-top:14px;padding:16px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(135deg,rgba(20,29,42,.78),rgba(12,20,31,.76));box-shadow:inset 0 1px rgba(255,255,255,.035)}.promo-box.promo-applied{border-color:rgba(34,197,94,.24);background:linear-gradient(135deg,rgba(18,43,33,.60),rgba(12,25,31,.78))}.promo-box-icon{width:46px;height:46px;display:grid;place-items:center;border-radius:14px;background:rgba(245,158,11,.09);border:1px solid rgba(245,158,11,.18);font-size:21px}.promo-box-copy h2{font-size:16px;margin:0 0 4px}.promo-box-copy p{margin:0;color:#7d8a9d;font-size:11.5px}.promo-apply-form{display:grid;grid-template-columns:1fr auto;gap:8px}.promo-apply-form input{min-width:0;height:43px;border:1px solid var(--line2);border-radius:11px;background:#0a1320;padding:0 12px;outline:none;text-transform:uppercase}.promo-apply-form input:focus{border-color:rgba(34,197,94,.45);box-shadow:0 0 0 3px rgba(34,197,94,.07)}.promo-clear-form{justify-self:end}.plan-summary del{color:#718095;font-size:11px}.plan-discount{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:-2px 0 12px;padding:10px 12px;border:1px solid rgba(34,197,94,.18);border-radius:12px;background:rgba(34,197,94,.06);color:#9ce9b7;font-size:11px}.plan-discount[hidden]{display:none}.plan-discount strong{color:#bff7d2;font-size:13px}

/* Telegram widget remains official, but its generated button is visually hidden behind our unified row. */
.oauth-telegram-unified,.telegram-profile-row{position:relative;overflow:hidden}.telegram-widget-overlay{position:absolute;inset:0;z-index:5;overflow:hidden;opacity:.002}.telegram-widget-overlay iframe{position:absolute!important;left:50%!important;top:50%!important;width:250px!important;height:46px!important;max-width:none!important;transform:translate(-50%,-50%) scale(2.4,1.5)!important;transform-origin:center!important;opacity:.002!important}.oauth-telegram-unified>b{min-width:0}.telegram-fake-button{pointer-events:none}.profile-telegram-overlay{left:auto;width:150px}.profile-telegram-overlay iframe{transform:translate(-50%,-50%) scale(1.4,1.45)!important}.identity-list-unified .identity-row{min-height:62px;align-items:center}

/* Mobile navigation / sheets: never overlap modal content, no viewport-height jumping. */
@media(max-width:720px){
  .is-auth .page{padding-bottom:calc(88px + env(safe-area-inset-bottom))}.mobile-nav{z-index:80;min-height:66px;padding-top:6px;padding-bottom:max(7px,env(safe-area-inset-bottom));transform:translate3d(0,0,0);transition:transform .18s ease,opacity .18s ease;will-change:transform;contain:layout paint;background:rgba(7,13,23,.965)}.modal-open .mobile-nav,.sheet-open .mobile-nav{transform:translate3d(0,120%,0);opacity:0;pointer-events:none}.plan-modal{z-index:500;height:100dvh;min-height:100svh}.plan-modal-sheet{max-height:calc(100dvh - 8px);overflow-y:auto;overscroll-behavior:contain;padding-bottom:max(22px,env(safe-area-inset-bottom))}.more-sheet{z-index:510;max-height:calc(100dvh - 20px);overflow:auto}.sheet-backdrop{z-index:500}.sticky-save{bottom:calc(78px + env(safe-area-inset-bottom))}
}

/* Admin promos */
.promo-admin-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;align-items:end}.promo-admin-grid label{display:grid;gap:6px}.promo-admin-grid label>span,.promo-admin-row small{color:#778498;font-size:10.5px}.promo-admin-grid input,.promo-admin-grid select,.promo-admin-row input,.promo-admin-row select{width:100%;min-width:0;min-height:40px;border:1px solid var(--line);border-radius:10px;background:#0b1421;padding:8px 10px}.promo-admin-grid .span-2{grid-column:span 2}.checkbox-line{display:flex!important;align-items:center;gap:8px;min-height:40px}.checkbox-line input[type=checkbox]{width:auto;min-height:auto}.promo-admin-list{display:grid;gap:9px}.promo-admin-row{display:grid;grid-template-columns:135px 130px 112px 90px 90px 150px 150px minmax(120px,1fr) 90px 88px;gap:7px;align-items:center;padding:10px;border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.02)}.promo-code-cell{display:grid;gap:2px}.promo-code-cell b{font-size:13px;color:#bdf5d0}.checkbox-line.compact{min-height:36px}.promo-admin-create{margin-bottom:14px}

/* Increase spacing/clarity in admin pages globally without ballooning cards. */
.admin-wrap>.panel{margin-top:14px}.admin-nav{margin-bottom:18px}.admin-user-grid{row-gap:20px}.admin-section-card{box-shadow:inset 0 1px rgba(255,255,255,.025)}

@media(max-width:900px){
  .public-hero-v3{grid-template-columns:1fr;gap:22px;min-height:auto;padding:34px 0 24px}.service-showcase{width:min(680px,100%)}.promo-admin-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.promo-admin-row{grid-template-columns:repeat(2,minmax(0,1fr))}.promo-code-cell{grid-column:1/-1}.promo-admin-row .btn{width:100%}
}
@media(max-width:760px){
  .shooting-stars-canvas{opacity:.88}.public-hero-v3{padding:22px 1px 18px;gap:17px}.public-hero-copy-v3 h1{font-size:clamp(33px,9.4vw,43px);margin:9px 0 11px;line-height:1.02}.public-hero-copy-v3>p{font-size:13px;line-height:1.5}.public-hero-actions-v3{display:grid;grid-template-columns:1fr;margin-top:16px;gap:5px}.service-showcase{padding:14px;border-radius:20px}.service-focus{grid-template-columns:63px 1fr;gap:11px;margin:17px 0 13px;padding:12px;min-height:94px}.service-focus-icon{width:58px;height:58px;border-radius:16px}.service-focus-icon img{width:47px;height:47px;border-radius:13px}.service-focus-copy h2{font-size:20px;margin:3px 0 3px}.service-focus-copy p{font-size:10.5px;line-height:1.4}.service-pulse{display:none}.service-chip{min-height:38px}.service-chip img{width:27px;height:27px}.service-chip span{font-size:9.5px}.service-disclaimer{font-size:7px}.public-marquee-wrap{margin-top:4px}.benefit-marquee-track{animation-duration:27s}.benefit-marquee-group{gap:4px;padding:6px 3px}.benefit-marquee-group span{font-size:9.5px;padding:5px 8px}.steps-v3{padding-top:22px}.dashboard-v2 .welcome-v2{margin-bottom:15px!important}.welcome-v2 h1{font-size:25px}.welcome-v2 p{font-size:11.5px}.subscription-hero-v2 .hero-status{align-items:flex-start}.promo-box{grid-template-columns:44px 1fr;gap:10px;padding:13px}.promo-box-icon{width:42px;height:42px}.promo-apply-form{grid-column:1/-1;grid-template-columns:1fr auto}.promo-clear-form{grid-column:1/-1;justify-self:stretch}.promo-clear-form .btn{width:100%}.plan-discount{font-size:10.5px}.oauth-telegram-unified{grid-template-columns:34px 1fr 22px!important}.oauth-telegram-unified .telegram-widget-overlay{inset:0}.identity-list-unified .identity-row{grid-template-columns:minmax(0,1fr) auto!important;min-height:62px}.profile-telegram-overlay{left:0!important;right:0!important;width:auto!important}.profile-telegram-overlay iframe{transform:translate(-50%,-50%) scale(2.5,1.45)!important}.promo-admin-grid{grid-template-columns:1fr}.promo-admin-grid .span-2{grid-column:auto}.promo-admin-row{grid-template-columns:1fr}.promo-code-cell{grid-column:auto}.admin-nav{margin-bottom:14px}
}
@media(max-width:430px){
  .service-showcase-head small{font-size:8px}.service-ready{font-size:9px}.service-focus-copy h2{font-size:19px}.promo-apply-form{grid-template-columns:1fr}.promo-apply-form .btn{width:100%}.period-grid-v2{gap:8px}.benefit-marquee{border-radius:12px}
}
@media(prefers-reduced-motion:reduce){
  .page-ready .page,.service-pulse i,.service-switching .service-focus-icon,.service-switching .service-focus-copy,.benefit-marquee-track{animation:none!important}.benefit-marquee{overflow-x:auto;mask-image:none;-webkit-mask-image:none}.benefit-marquee-group:nth-child(2){display:none}.page{transition:none}.shooting-stars-canvas{opacity:.42}
}
.cabinet-service-row{display:flex;gap:7px;overflow-x:auto;margin:16px 0 2px;padding-bottom:2px;scrollbar-width:none}.cabinet-service-row::-webkit-scrollbar{display:none}.cabinet-service-row span{flex:0 0 auto;display:flex;align-items:center;gap:6px;padding:6px 9px;border:1px solid var(--line);border-radius:11px;background:rgba(255,255,255,.025);color:#9ba7b6;font-size:10px;font-weight:720}.cabinet-service-row img{width:22px;height:22px;border-radius:7px;object-fit:cover}@media(max-width:760px){.cabinet-service-row{margin-top:13px}.cabinet-service-row span{padding:5px 8px;font-size:9.5px}.cabinet-service-row img{width:21px;height:21px}}

/* ===== v0.2.1 mobile layout + editable tariffs ===== */
/* Public landing: service showcase must never move the page horizontally. */
.public-hero-v4{overflow:visible}.public-hero-actions-v4{margin-top:23px}.service-showcase-v4{min-width:0;max-width:100%;overflow:hidden}.service-showcase-v4 .service-focus,.service-showcase-v4 .service-selector{min-width:0;max-width:100%}.service-showcase-v4 .service-selector{width:100%;scroll-behavior:auto}.steps-v4{padding-top:34px}

/* Cleaner tariff cards. */
.period-grid-v3{gap:10px!important}.period-card-v3{min-height:138px;padding:13px 14px 12px;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:0;overflow:hidden}.period-card-v3:after{pointer-events:none}.period-card-top{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%}.period-badge{display:inline-flex;align-items:center;max-width:58%;min-height:23px;padding:4px 7px;border-radius:999px;background:rgba(34,197,94,.10);border:1px solid rgba(34,197,94,.18);color:#8ee7ae;font-size:8.5px;font-weight:850;letter-spacing:.03em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.period-badge.is-empty{background:rgba(255,255,255,.025);border-color:var(--line);color:#667487}.period-days{flex:0 0 auto;padding:4px 7px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.035);color:#a9b5c4!important;font-size:9px!important;font-weight:780!important}.period-price-wrap{display:flex;align-items:baseline;gap:8px;margin-top:16px}.period-price-wrap strong{font-size:27px;line-height:1;letter-spacing:-.035em}.period-price-wrap del{color:#6f7d90;font-size:10px}.period-choose{display:flex;align-items:center;justify-content:space-between;width:100%;margin-top:auto;padding-top:12px;border-top:1px solid rgba(255,255,255,.065);color:#71e599!important;font-size:10.5px!important;font-weight:800!important}.period-card-v3:hover .period-choose,.period-card-v3:focus-visible .period-choose{color:#b9f6cf!important}.tariff-facts-static{display:flex;flex-wrap:wrap;gap:7px;margin-top:13px}.tariff-facts-static span{display:inline-flex;align-items:center;padding:6px 9px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.025);color:#8f9cad;font-size:9.5px;font-weight:700}

/* Compact promo input: title + input + arrow, no oversized submit button. */
.promo-box-v2{grid-template-columns:42px minmax(0,1fr) minmax(220px,.68fr);gap:11px;padding:12px 13px}.promo-box-v2 .promo-box-icon{width:40px;height:40px;border-radius:12px;font-size:18px}.promo-box-v2 .promo-box-copy h2{font-size:15px;margin:0}.promo-box-v2 .promo-box-copy p{margin-top:3px}.promo-apply-form-v2{display:grid;grid-template-columns:minmax(0,1fr) 40px;gap:6px}.promo-apply-form-v2 input{height:40px;text-transform:none}.promo-arrow-button{width:40px;height:40px;display:grid;place-items:center;border:1px solid rgba(34,197,94,.32);border-radius:11px;background:rgba(34,197,94,.12);color:#85edaa;transition:.15s}.promo-arrow-button:hover{background:rgba(34,197,94,.20);color:#c5f8d7}.promo-arrow-button:active{transform:scale(.96)}

/* Mobile shell: fixed navigation has no transform/height animations, so Chrome toolbar resize cannot make it wobble. */
@media(max-width:720px){
  :root{--mobile-nav-base:64px}
  .is-auth .page{padding-bottom:calc(var(--mobile-nav-base) + env(safe-area-inset-bottom) + 18px)!important}
  .mobile-nav{position:fixed!important;left:0!important;right:0!important;bottom:0!important;top:auto!important;height:calc(var(--mobile-nav-base) + env(safe-area-inset-bottom));min-height:0!important;padding:5px max(8px,env(safe-area-inset-right)) env(safe-area-inset-bottom) max(8px,env(safe-area-inset-left))!important;transform:none!important;transition:none!important;will-change:auto!important;contain:none!important;background:#08111d!important;backdrop-filter:none!important;box-shadow:0 -10px 30px rgba(0,0,0,.18)}
  .mobile-nav a,.mobile-nav button{min-height:58px;padding:3px!important}
  .modal-open .mobile-nav,.sheet-open .mobile-nav{display:none!important;opacity:0!important;transform:none!important}

  .plan-modal{position:fixed!important;inset:0!important;width:auto!important;height:auto!important;min-height:0!important;display:block!important;padding:0!important;overflow:hidden!important}
  .plan-modal[hidden]{display:none!important}
  .plan-modal-backdrop{position:absolute!important;inset:0!important}
  .plan-modal-sheet{position:absolute!important;left:0!important;right:0!important;bottom:0!important;top:auto!important;width:100%!important;max-height:calc(100% - 18px)!important;margin:0!important;border-radius:22px 22px 0 0!important;padding:14px 16px max(18px,env(safe-area-inset-bottom))!important;overflow-y:auto!important;overscroll-behavior:contain;animation:plan-sheet-in-v21 .20s ease!important}
  .plan-sheet-grabber{display:block;width:42px;height:4px;margin:0 auto 10px;border-radius:999px;background:rgba(255,255,255,.18)}
  .plan-modal-head h2{font-size:22px}.plan-summary{margin:13px 0 9px}.plan-summary>div{padding:11px}.plan-facts{margin-bottom:12px}
  @keyframes plan-sheet-in-v21{from{transform:translateY(100%);opacity:.75}to{transform:none;opacity:1}}

  .service-showcase-v4{width:100%!important;margin:0!important}.service-showcase-v4 .service-focus{width:100%;margin-left:0!important;margin-right:0!important}.service-showcase-v4 .service-selector{width:100%;overflow-x:auto;overflow-y:hidden;touch-action:pan-x;scroll-snap-type:x proximity}.service-showcase-v4 .service-chip{scroll-snap-align:center}
  .period-card-v3{min-height:126px;padding:11px 12px}.period-price-wrap{margin-top:13px}.period-price-wrap strong{font-size:24px}.period-choose{padding-top:10px}.tariff-facts-static{gap:5px;margin-top:11px}.tariff-facts-static span{font-size:8.8px;padding:5px 7px}
  .promo-box-v2{grid-template-columns:38px minmax(0,1fr);gap:8px;padding:11px}.promo-box-v2 .promo-box-icon{width:36px;height:36px}.promo-apply-form-v2{grid-column:1/-1;grid-template-columns:minmax(0,1fr) 40px}.promo-box-v2 .promo-clear-form{grid-column:1/-1}
}
.plan-sheet-grabber{display:none}
@media(max-width:720px){.plan-sheet-grabber{display:block}}

/* Admin tariff manager. */
.tariff-admin-create{margin-bottom:16px}.tariff-create-grid,.tariff-settings-grid,.tariff-add-period-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;align-items:end;margin-top:14px}.tariff-create-grid label,.tariff-settings-grid label,.tariff-add-period-grid label,.tariff-period-row label{display:grid;gap:5px;min-width:0}.tariff-create-grid label>span,.tariff-settings-grid label>span,.tariff-add-period-grid label>span,.tariff-period-row label>span{color:#778498;font-size:10px}.tariff-create-grid input,.tariff-settings-grid input,.tariff-add-period-grid input,.tariff-period-row input{width:100%;min-width:0;min-height:40px;border:1px solid var(--line);border-radius:10px;background:#0b1421;padding:8px 10px}.tariff-admin-list{display:grid;gap:14px}.tariff-admin-card{margin:0!important}.tariff-admin-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.tariff-admin-head h2{margin:7px 0 4px}.tariff-admin-head p{margin:0}.tariff-admin-head>small{color:#5f6d80;font-size:9.5px}.tariff-settings-grid{padding:13px;margin-top:14px;border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.02)}.tariff-period-list{display:grid;gap:8px;margin-top:14px}.tariff-period-row{display:grid;grid-template-columns:140px 90px 120px minmax(120px,1fr) 86px 112px 100px;gap:8px;align-items:end;padding:10px;border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.018)}.tariff-period-preview{align-self:stretch;display:grid;align-content:center;gap:4px;padding:8px 9px;border-radius:10px;background:rgba(34,197,94,.04);border:1px solid rgba(34,197,94,.10)}.tariff-period-preview .period-badge{width:max-content;max-width:100%}.tariff-period-preview b{font-size:11px;color:#9ba7b6}.tariff-period-preview strong{font-size:17px}.tariff-add-period{margin-top:12px;padding-top:12px;border-top:1px solid var(--line)}.tariff-add-period summary{cursor:pointer;color:#78df9c;font-size:12px;font-weight:750}.tariff-add-period-grid{grid-template-columns:100px 130px minmax(130px,1fr) 90px 112px 120px}
@media(max-width:1100px){.tariff-period-row{grid-template-columns:repeat(3,minmax(0,1fr))}.tariff-period-preview{grid-row:span 2}.tariff-create-grid,.tariff-settings-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tariff-add-period-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:720px){.tariff-create-grid,.tariff-settings-grid,.tariff-add-period-grid,.tariff-period-row{grid-template-columns:1fr 1fr}.tariff-create-grid .span-2,.tariff-settings-grid .span-2{grid-column:1/-1}.tariff-create-grid>.btn,.tariff-settings-grid>.btn,.tariff-add-period-grid>.btn,.tariff-period-row>.btn{width:100%}.tariff-period-preview{grid-column:1/-1;grid-row:auto;min-height:74px}.tariff-admin-head{display:grid}.tariff-admin-head>small{order:-1}.tariff-period-row{padding:9px}.tariff-admin-card{padding:14px!important}}
@media(max-width:420px){.tariff-create-grid,.tariff-settings-grid,.tariff-add-period-grid,.tariff-period-row{grid-template-columns:1fr}.tariff-create-grid .span-2,.tariff-settings-grid .span-2,.tariff-period-preview{grid-column:auto}}

/* ===== v0.2.2 stable mobile shell + cabinet ticker + performance ===== */
.guest-login{margin-left:auto}.guest-login .icon{width:17px;height:17px}.guest-topbar{justify-content:flex-start}

/* Authenticated cabinet header: no logo, only a compact ticker plus desktop controls. */
.cabinet-topbar{position:sticky;top:0;z-index:55;height:50px;display:flex;align-items:center;gap:10px;padding:0 max(14px,calc((100vw - 1280px)/2));border-bottom:1px solid var(--line);background:#08111d;overflow:hidden}.cabinet-ticker{min-width:0;flex:1;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent)}.cabinet-ticker-track{display:flex;width:max-content;will-change:transform;animation:cabinet-ticker-flow 42s linear infinite}.cabinet-ticker-group{display:flex;align-items:center;gap:0;flex:0 0 auto}.cabinet-ticker-group span{display:inline-flex;align-items:center;white-space:nowrap;padding:0 11px;border-right:1px solid rgba(255,255,255,.07);color:#8f9cad;font-size:10px;font-weight:720;line-height:28px}.cabinet-ticker:hover .cabinet-ticker-track{animation-play-state:paused}@keyframes cabinet-ticker-flow{to{transform:translate3d(-50%,0,0)}}.cabinet-desktop-nav{margin:0 0 0 auto;flex:0 0 auto}.cabinet-logout{margin-left:0!important;flex:0 0 auto}.is-cabinet .page{min-height:calc(100vh - 50px)}

/* Keep page transitions opacity-only. Transform animations create containing blocks for fixed UI. */
@keyframes v20-page-in{from{opacity:.42}to{opacity:1}}
@keyframes v20-page-out{to{opacity:.25}}
.page{transition:opacity .10s ease!important;transform:none!important}.page-ready .page{animation:v20-page-in .16s ease both!important}.page-leaving .page{opacity:.38!important;transform:none!important;pointer-events:none}
::view-transition-old(root){animation:v20-page-out .12s ease both}
::view-transition-new(root){animation:v20-page-in .16s ease both}

/* The payment sheet is viewport-fixed instead of relying on the page container. */
@media(max-width:720px){
  :root{--mobile-nav-h:70px}
  html{scroll-padding-bottom:calc(var(--mobile-nav-h) + 12px)}
  body.is-cabinet{min-height:100vh;padding-bottom:0}
  .cabinet-topbar{height:36px;padding:0;border-bottom-color:rgba(255,255,255,.055)}
  .cabinet-topbar .desktop-nav,.cabinet-topbar .cabinet-logout{display:none!important}
  .cabinet-ticker{width:100%;mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)}
  .cabinet-ticker-track{animation-duration:38s}
  .cabinet-ticker-group span{font-size:9.5px;line-height:35px;padding:0 10px}
  .is-cabinet .page{min-height:calc(100vh - 36px)!important;padding-top:15px!important;padding-bottom:calc(var(--mobile-nav-h) + 18px)!important}

  /* Rebuilt mobile nav: one fixed compositor layer, no dynamic heights, blur or movement. */
  .mobile-nav{display:grid!important;position:fixed!important;inset:auto 0 0 0!important;z-index:1000!important;height:var(--mobile-nav-h)!important;min-height:var(--mobile-nav-h)!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;padding:5px 8px max(5px,env(safe-area-inset-bottom))!important;margin:0!important;border:0!important;border-top:1px solid rgba(255,255,255,.075)!important;background:#07111d!important;box-shadow:0 -8px 24px rgba(0,0,0,.28)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;transform:none!important;transition:none!important;animation:none!important;will-change:auto!important;contain:paint!important;isolation:isolate!important;overflow:hidden!important}
  .mobile-nav.mobile-nav-three{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .mobile-nav a,.mobile-nav button{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:3px!important;min-width:0!important;min-height:58px!important;height:58px!important;padding:2px!important;margin:0!important;border:0!important;background:transparent!important;transform:none!important;transition:color .12s ease!important;touch-action:manipulation!important;-webkit-tap-highlight-color:transparent}
  .mobile-nav a:active,.mobile-nav button:active{transform:none!important;background:rgba(255,255,255,.035)!important;border-radius:10px!important}
  .mobile-nav .icon{width:21px!important;height:21px!important}.mobile-nav span{font-size:10px!important;line-height:1!important}
  .modal-open .mobile-nav,.sheet-open .mobile-nav{visibility:hidden!important;opacity:0!important;pointer-events:none!important;display:grid!important}

  .plan-modal{position:fixed!important;inset:0!important;z-index:1500!important;width:100%!important;height:100%!important;min-height:0!important;padding:0!important;margin:0!important;display:block!important;overflow:hidden!important;transform:none!important}
  .plan-modal[hidden]{display:none!important}
  .plan-modal-backdrop{position:fixed!important;inset:0!important;z-index:0!important}
  .plan-modal-sheet{position:fixed!important;z-index:1!important;left:0!important;right:0!important;bottom:0!important;top:auto!important;width:100%!important;max-width:none!important;max-height:min(82vh,720px)!important;margin:0!important;padding:14px 16px max(18px,env(safe-area-inset-bottom))!important;border-radius:22px 22px 0 0!important;overflow-y:auto!important;overscroll-behavior:contain!important;transform:none!important;animation:plan-sheet-in-v22 .18s ease both!important}
  @keyframes plan-sheet-in-v22{from{transform:translate3d(0,100%,0);opacity:.8}to{transform:translate3d(0,0,0);opacity:1}}

  /* Mobile performance: no second full-screen drifting layer or expensive blur on fixed UI. */
  .ambient:after{animation:none!important;opacity:.06!important}.shooting-stars-canvas{opacity:.72!important}
  .toast{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
}

@media(max-width:1020px) and (min-width:721px){.cabinet-ticker{margin-right:auto}.cabinet-topbar{padding-left:14px;padding-right:14px}.cabinet-logout{display:block!important}}
@media(prefers-reduced-motion:reduce){.cabinet-ticker-track{animation:none!important;transform:none!important}.cabinet-ticker{overflow-x:auto;mask-image:none;-webkit-mask-image:none}.cabinet-ticker-group:nth-child(2){display:none}}

/* ===== v0.2.3 active access UX + stable visual-viewport dock ===== */
.dashboard-v023 .active-access-actions{flex-wrap:wrap}.dashboard-v023 .active-access-actions .btn{flex:1 1 190px}.trial-row-compact{min-height:64px}.trial-row-compact>div{display:block}.trial-row-compact b{font-size:17px}.dashboard-subscription-link{position:relative;z-index:1;margin-top:14px;padding:13px;border:1px solid var(--line);border-radius:15px;background:rgba(255,255,255,.025)}.dashboard-subscription-link-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:9px}.dashboard-subscription-link-head>div{display:grid;gap:2px}.dashboard-subscription-link-head small{color:#778599;font-size:10px}.dashboard-subscription-link-head strong{font-size:13px}.subscription-url-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:7px;align-items:center}.subscription-url-row input{min-width:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;background:#08111d}.subscription-url-row .btn{white-space:nowrap}.period-card-top>span:empty{display:block;min-width:1px;min-height:23px}.subscription-share-v023{display:block;margin-top:16px}.subscription-share-v023 input{position:static!important;left:auto!important;width:100%!important;height:auto!important;opacity:1!important}.subscription-share-title{margin-bottom:8px}.subscription-url-row-full{grid-template-columns:minmax(0,1fr) auto auto}.extra-devices-panel{scroll-margin-top:60px}.price-pill{display:inline-flex;align-items:center;min-height:30px;padding:6px 10px;border:1px solid rgba(34,197,94,.2);border-radius:999px;background:rgba(34,197,94,.07);color:#78e79f;font-size:11px;font-weight:800;white-space:nowrap}.extra-device-purchase{display:grid;grid-template-columns:minmax(210px,.8fr) 1fr;gap:12px;margin-top:16px}.extra-device-counter,.extra-device-total{min-height:96px;border:1px solid var(--line);border-radius:15px;background:rgba(255,255,255,.025)}.extra-device-counter{display:grid;grid-template-columns:54px 1fr 54px;align-items:stretch;overflow:hidden}.extra-device-counter button{border:0;background:rgba(255,255,255,.035);font-size:28px;color:#9eabbc}.extra-device-counter button:active{background:rgba(34,197,94,.10);color:#7bf0a5}.extra-device-counter>div{display:grid;place-content:center;text-align:center}.extra-device-counter strong{font-size:27px;line-height:1}.extra-device-counter small{margin-top:5px;color:#748195;font-size:10px}.extra-device-total{display:grid;align-content:center;gap:4px;padding:14px 16px}.extra-device-total small{color:#748195}.extra-device-total strong{font-size:25px}.extra-device-total span{color:#7e8a9b;font-size:10.5px}.extra-device-actions{display:flex;gap:8px;margin-top:10px}.extra-device-actions form{flex:1}.extra-device-actions .btn{width:100%}.settings-hint{margin:12px 0 0!important;font-size:11px!important}

@media(max-width:720px){
  :root{--mobile-nav-h:68px;--mobile-vv-bottom:0px}
  html{scroll-padding-bottom:calc(var(--mobile-nav-h) + 18px)}
  body.is-cabinet{padding-bottom:0!important}
  .is-cabinet .page{padding-bottom:calc(var(--mobile-nav-h) + 22px)!important}
  .mobile-nav{position:fixed!important;left:0!important;right:0!important;top:auto!important;bottom:var(--mobile-vv-bottom)!important;height:var(--mobile-nav-h)!important;min-height:var(--mobile-nav-h)!important;padding:4px 8px max(4px,env(safe-area-inset-bottom))!important;background:#07111d!important;border-top:1px solid rgba(255,255,255,.08)!important;box-shadow:none!important;transform:none!important;transition:none!important;animation:none!important;will-change:auto!important;contain:layout paint style!important}
  .mobile-nav a,.mobile-nav button{height:56px!important;min-height:56px!important;transition:color .08s linear!important}
  .mobile-nav a:active,.mobile-nav button:active{transform:none!important}
  .modal-open .mobile-nav,.sheet-open .mobile-nav{display:none!important}
  .dashboard-v023 .active-access-actions{display:grid;grid-template-columns:1fr}.dashboard-v023 .active-access-actions .btn{width:100%}
  .dashboard-subscription-link{padding:11px}.subscription-url-row,.subscription-url-row-full{grid-template-columns:1fr 1fr}.subscription-url-row input{grid-column:1/-1}.subscription-url-row .btn{width:100%}
  .subscription-share-v023{padding:11px!important}.subscription-share-v023 .subscription-url-row{display:grid!important}
  .extra-device-purchase{grid-template-columns:1fr}.extra-device-actions{display:grid;grid-template-columns:1fr}.extra-device-counter,.extra-device-total{min-height:84px}.extra-device-counter{grid-template-columns:50px 1fr 50px}.extra-device-total strong{font-size:23px}.price-pill{font-size:9.5px}.extra-devices-panel .panel-head{align-items:flex-start}.trial-row-compact{padding:10px 12px}.trial-row-compact b{font-size:15px}
}

/* ===== v0.2.4 payment recovery + subscription cleanup ===== */
.trial-row-compact{align-items:center!important}.trial-row-compact>div{display:flex!important;align-items:center!important;min-height:40px}.trial-row-compact form{display:flex;align-items:center;margin:0}.trial-row-compact b{line-height:1.2}
.subscription-page-v024>.panel{margin-top:14px}.subscription-page-v024 .subscription-renew-first{margin-top:0}.subscription-page-v024 .devices-panel-v024{margin-bottom:0}
@media(max-width:720px){.trial-row-compact{align-items:center!important}.trial-row-compact>div{min-height:42px}.subscription-page-v024>.panel{margin-top:12px}}

/* v0.2.5 — Remnawave manual import/linking */
.remnawave-summary{margin-bottom:14px}.remnawave-toolbar{display:flex;gap:10px;align-items:center;justify-content:space-between;margin-bottom:12px}.remnawave-search{flex:1;margin:0}.remnawave-target-banner{display:flex;gap:12px;align-items:center;justify-content:space-between;margin-bottom:12px;padding:14px 16px}.remnawave-target-banner>div{display:grid;gap:3px}.remnawave-target-banner small{color:#7e8da0;font-size:11px}.remnawave-filter-tabs{display:flex;gap:7px;align-items:center;flex-wrap:wrap;margin:0 0 12px}.remnawave-filter-tabs>a{padding:7px 10px;border:1px solid var(--line);border-radius:999px;color:#8794a6;font-size:11px}.remnawave-filter-tabs>a.active{color:#8cf0ad;border-color:rgba(34,197,94,.3);background:rgba(34,197,94,.08)}.remnawave-filter-tabs>span{margin-left:auto;color:#657386;font-size:10px}.remnawave-list-panel{padding:12px}.remnawave-account-list{display:grid;gap:9px}.remnawave-account-row{padding:12px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.018);display:grid;gap:9px}.remnawave-account-main{display:grid;grid-template-columns:minmax(180px,1.7fr) repeat(4,minmax(90px,.7fr));gap:10px;align-items:center}.remnawave-account-main>div{display:grid;gap:2px;min-width:0}.remnawave-account-main small{font-size:9.5px;color:#718095}.remnawave-account-main strong,.remnawave-account-name b{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.remnawave-account-name small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.remnawave-account-meta{display:flex;gap:10px;align-items:center;min-width:0;color:#69788b;font-size:9.5px}.remnawave-account-meta code{font-size:9px;white-space:nowrap}.remnawave-account-meta span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.remnawave-account-action{display:flex;justify-content:flex-end}.remnawave-link-form{display:flex;gap:7px;align-items:center}.remnawave-link-form input{width:130px;min-height:34px}.remnawave-user-linkbar{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:12px 13px;margin:-3px 0 14px;border:1px solid rgba(56,189,248,.15);border-radius:13px;background:rgba(56,189,248,.04)}.remnawave-user-linkbar>div{display:grid;gap:3px}.remnawave-user-linkbar small{color:#7d8b9d;font-size:10.5px;line-height:1.4}.operation-row small{display:block;margin-top:3px}
@media(max-width:780px){.remnawave-toolbar{display:grid;grid-template-columns:1fr}.remnawave-toolbar .btn{width:100%}.remnawave-target-banner{align-items:stretch;flex-direction:column}.remnawave-target-banner .btn{width:100%}.remnawave-filter-tabs>span{width:100%;margin-left:0}.remnawave-account-main{grid-template-columns:1fr 1fr}.remnawave-account-name{grid-column:1/-1}.remnawave-account-meta{display:grid;gap:4px}.remnawave-account-meta code,.remnawave-account-meta span{white-space:normal;overflow-wrap:anywhere}.remnawave-account-action{justify-content:stretch}.remnawave-account-action .btn,.remnawave-link-form{width:100%}.remnawave-link-form{display:grid;grid-template-columns:1fr auto}.remnawave-link-form input{width:100%}.remnawave-user-linkbar{align-items:stretch;flex-direction:column}.remnawave-user-linkbar .btn{width:100%}}