:root{color-scheme:dark;--bg:#151e27;--card:#212e3c;--card-hover:#283849;--text:#f6f8fb;--muted:#8393a2;--blue:#249eed;--blue-hover:#40adf3;--line:#334150;--green:#62d2a2;--red:#fa8189;--shadow:0 9px 24px #00000014;--radius:20px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;font-synthesis:none}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-size:16px;line-height:1.45;-webkit-font-smoothing:antialiased}body.light{color-scheme:light;--bg:#f0f3f7;--card:#fff;--card-hover:#f5f8fc;--text:#182531;--muted:#7b8b99;--line:#e5ebf0;--shadow:0 8px 25px #24364a09}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{color:inherit;border:0;cursor:pointer;background:none}button:disabled{opacity:.5;cursor:wait}a{color:var(--blue);text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid #55bbff;outline-offset:4px}input:focus,textarea:focus,select:focus{outline:2px solid var(--blue);outline-offset:1px}svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}[hidden]{display:none!important}.app-shell{max-width:480px;margin:0 auto;padding:0 13px 148px}.app-header{height:76px;display:flex;align-items:center;justify-content:space-between;padding:4px 6px 0}.wordmark{display:flex;align-items:center;gap:9px;color:var(--text);font-size:23px;font-weight:740;letter-spacing:-.7px}.wordmark span{font-weight:450;color:var(--muted);margin-left:-4px}.wordmark img{margin-right:2px}.icon-button{display:inline-flex;align-items:center;justify-content:center;min-width:40px;min-height:40px;border-radius:50%;color:var(--muted)}.icon-button:hover{background:var(--card-hover)}.app-header .icon-button svg{fill:currentColor;stroke:none}.in-telegram .app-header{display:none}.in-telegram .app-shell{padding-top:14px}.profile{display:flex;gap:13px;align-items:center;border-radius:var(--radius);padding:13px 15px;background:var(--card);box-shadow:var(--shadow);margin-bottom:14px;min-height:76px}.avatar{height:46px;width:46px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:23px;font-weight:500;background:linear-gradient(160deg,#83b3ff,#6f55ff);color:#fff;flex-shrink:0}.profile-copy{min-width:0;flex:1}.profile-name{font-size:17px;font-weight:650;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-username{font-size:13px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:1px}.theme-switch{display:flex;border:1px solid var(--line);border-radius:24px;padding:3px;gap:1px}.theme-switch button{height:26px;width:26px;color:var(--muted);border-radius:50%;display:grid;place-items:center;padding:0}.theme-switch svg{width:18px;height:18px}.theme-switch .selected{background:var(--bg);color:#65b9ec;box-shadow:0 1px 5px #0002}.language{font-size:12px;font-weight:650;color:#6bb6e5;background:#1a8ad20b;padding:8px 5px;border-radius:20px}.hero{border-radius:var(--radius);background:var(--card);padding:23px 20px;display:flex;align-items:center;gap:20px;box-shadow:var(--shadow);min-height:142px;margin-bottom:19px}.hero-icon{width:65px;height:73px;filter:drop-shadow(0 5px 10px #0588ff18);flex-shrink:0}.hero h1{font-size:25px;line-height:1.16;letter-spacing:-.8px;margin:0 0 10px;font-weight:740}.hero p{color:var(--muted);font-size:14px;margin:0;line-height:1.55}.eyebrow{font-size:12px;letter-spacing:.7px;text-transform:uppercase;font-weight:700;color:var(--muted);margin:20px 16px 11px}.status-card{background:var(--card);border-radius:18px;padding:14px 16px;display:flex;gap:11px;align-items:center;box-shadow:var(--shadow)}.status-symbol{color:var(--muted);display:flex}.status-symbol.active{color:var(--green)}.status-copy{flex:1;min-width:0}.status-copy strong{display:block;font-size:14px;font-weight:600}.status-copy small{color:var(--muted);font-size:12px}.status-card .pill{font-size:12px;white-space:nowrap;background:#249eed17;color:#64bdff;padding:7px 10px;border-radius:20px;font-weight:650}.plan-list{background:var(--card);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}.plan{display:flex;width:100%;text-align:left;align-items:center;gap:13px;min-height:76px;padding:15px 17px;border-bottom:1px solid var(--line);transition:background .16s}.plan:last-child{border-bottom:0}.plan:hover{background:var(--card-hover)}.plan-copy{flex:1;min-width:0}.plan-title{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:17px;font-weight:680;letter-spacing:-.15px}.badge{display:inline-block;background:var(--blue);border-radius:20px;padding:2px 8px;color:#fff;font-size:11px;font-weight:700;letter-spacing:0;vertical-align:middle}.badge.green{background:#1c5342;color:#8be8bb}.plan-desc{font-size:13px;color:var(--muted);margin-top:4px}.plan-price{font-size:18px;font-weight:720;white-space:nowrap;text-align:right;letter-spacing:-.4px}.plan-old{font-size:12px;font-weight:500;color:var(--muted);text-decoration:line-through;margin-top:2px}.radio{width:23px;height:23px;border:2px solid #566676;border-radius:50%;position:relative;flex-shrink:0}.plan[aria-checked=true] .radio{border-color:var(--blue);background:var(--blue)}.plan[aria-checked=true] .radio:after{content:"";width:8px;height:8px;background:#fff;border-radius:50%;position:absolute;inset:0;margin:auto}.payment-methods{display:flex;gap:8px;margin-top:12px}.method{border:1px solid var(--line);padding:9px 16px;border-radius:13px;font-size:13px;display:flex;align-items:center;gap:7px;color:var(--muted);background:var(--card);flex:1;justify-content:center}.method.selected{border-color:var(--blue);color:var(--text);background:#249eed12}.method svg{width:18px;height:18px;color:var(--blue)}.utility-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}.utility-button{border-radius:16px;background:var(--card);padding:14px 10px;display:flex;align-items:center;justify-content:center;gap:8px;font-size:13px;font-weight:550}.utility-button svg{color:var(--blue);width:20px;height:20px}.legal{text-align:center;font-size:10px;line-height:1.7;color:var(--muted);margin:17px 12px 8px}.legal a{color:var(--muted);text-decoration:underline;text-underline-offset:2px}.secure-note{display:flex;align-items:center;justify-content:center;gap:5px;font-size:11px;color:var(--muted);margin-top:14px}.secure-note svg{width:13px;height:13px}.purchase-bar{position:fixed;bottom:0;left:0;right:0;margin:auto;max-width:480px;padding:16px 13px max(18px,env(safe-area-inset-bottom));background:var(--bg);border-top:1px solid #7a8d9d0a;z-index:5}.primary{display:flex;width:100%;align-items:center;justify-content:center;gap:8px;border-radius:12px;background:var(--blue);padding:14px 15px;font-weight:650;font-size:16px;color:white;min-height:51px;transition:background .15s}.primary:hover{background:var(--blue-hover)}.primary svg{height:20px;width:20px}.bar-note{text-align:center;font-size:10px;color:var(--muted);margin-top:7px}.secondary{display:flex;align-items:center;justify-content:center;gap:8px;min-height:46px;border:1px solid var(--line);border-radius:12px;padding:11px 14px;font-size:14px;font-weight:600;width:100%;margin-top:10px}.secondary:hover{background:var(--card-hover)}.text-button{color:var(--blue);font-size:13px;padding:8px 2px}.danger{color:var(--red)}.muted{color:var(--muted)}.empty{text-align:center;padding:30px 12px;color:var(--muted);font-size:14px}.empty svg{height:40px;width:40px;display:block;margin:0 auto 15px;color:var(--blue)}.loading-state{min-height:70vh;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--muted);gap:12px}.loading-state img{animation:breathe 1.6s infinite}@keyframes breathe{50%{opacity:.5;transform:translateY(-4px)}}dialog{border:0;padding:0;width:calc(100% - 20px);max-width:450px;max-height:88dvh;border-radius:23px;background:var(--bg);color:var(--text);box-shadow:0 20px 100px #0008;overscroll-behavior:contain}dialog::backdrop{background:#060c13ae;backdrop-filter:blur(4px)}#sheet-content{padding:21px 19px 24px}.sheet-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px}.sheet-heading h2{margin:0;font-size:22px;line-height:1.2;letter-spacing:-.5px}.sheet-heading .icon-button{margin:-6px -5px -6px 8px}.sheet-text{color:var(--muted);font-size:14px;line-height:1.6;margin:10px 0 18px}.sheet-card{background:var(--card);border-radius:16px;padding:15px;margin-top:12px}.sheet-card h3{font-size:15px;margin:0 0 8px}.sheet-card p{font-size:13px;color:var(--muted);margin:5px 0;overflow-wrap:anywhere}.steps{display:flex;gap:12px;align-items:flex-start;margin:19px 0}.step-number{display:grid;place-items:center;width:28px;height:28px;color:var(--blue);background:#249eed1a;border-radius:50%;font-size:13px;font-weight:700;flex-shrink:0}.steps strong{font-size:14px}.steps p{color:var(--muted);font-size:13px;margin:5px 0}.qr{display:block;max-width:100%;width:245px;height:245px;margin:18px auto;border-radius:12px;background:white}.mono-input{font-family:monospace;font-size:11px;overflow-wrap:anywhere;word-break:break-all}.chips{display:flex;gap:6px;overflow:auto;padding:1px 0 5px;scrollbar-width:none}.chip{border:1px solid var(--line);border-radius:12px;padding:8px 12px;font-size:12px;white-space:nowrap;flex-shrink:0}.chip.selected{color:var(--blue);border-color:var(--blue);background:#249eed12}.field{display:block;color:var(--muted);font-size:12px;margin:16px 0}.field input,.field select,.field textarea,.search-input{display:block;width:100%;background:var(--card);border:1px solid var(--line);border-radius:12px;color:var(--text);padding:13px 12px;margin-top:7px;min-height:45px;min-width:0}.field textarea{resize:vertical;min-height:110px}.field small{display:block;margin-top:6px;font-size:11px}.device{display:flex;align-items:center;gap:11px;padding:14px 0;border-bottom:1px solid var(--line)}.device:last-child{border:0}.device>svg{color:var(--blue)}.device-copy{flex:1;min-width:0}.device-copy strong{font-size:14px;display:block}.device-copy small{font-size:12px;color:var(--muted)}.device .icon-button{color:var(--red)}.list-item{padding:14px 0;border-bottom:1px solid var(--line);font-size:14px;overflow-wrap:anywhere}.list-item:last-child{border:0}.list-item strong{display:block;font-size:14px}.list-item small{font-size:12px;color:var(--muted)}.list-row{display:flex;justify-content:space-between;align-items:center;gap:12px}.ticket-message{white-space:pre-wrap;overflow-wrap:anywhere;margin:10px 0;font-size:13px}.ticket-reply{border-left:2px solid var(--blue);padding-left:10px;font-size:13px;white-space:pre-wrap;color:var(--muted)}#toast{position:fixed;z-index:100;bottom:110px;left:20px;right:20px;margin:auto;max-width:420px;background:#384b5d;color:#fff;padding:13px 18px;border-radius:13px;box-shadow:0 6px 30px #0005;font-size:14px;text-align:center}.admin-title{display:flex;align-items:center;gap:12px;margin:12px 0 22px}.admin-title h1{font-size:26px;margin:0;letter-spacing:-.7px}.admin-title p{color:var(--muted);font-size:12px;margin:2px 0}.admin-back{width:40px;height:40px;background:var(--card);border-radius:50%;display:grid;place-items:center}.admin-tabs{display:flex;gap:5px;overflow:auto;margin:0 -2px 20px;padding:2px 2px 7px;scrollbar-width:none}.admin-tab{font-size:12px;padding:9px 12px;background:var(--card);color:var(--muted);border-radius:11px;white-space:nowrap}.admin-tab.selected{background:var(--blue);color:#fff}.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.stat{background:var(--card);padding:17px;border-radius:17px}.stat small{color:var(--muted);font-size:11px}.stat strong{display:block;font-size:25px;letter-spacing:-.7px;margin-top:6px}.stat.accent strong{color:var(--blue)}.admin-card{background:var(--card);border-radius:17px;padding:16px;margin-top:13px}.admin-card h2{font-size:16px;margin:0 0 13px}.admin-card p{font-size:13px}.admin-card .field input,.admin-card .field select{background:var(--bg)}.admin-client{display:flex;gap:12px;width:100%;text-align:left;padding:14px 0;border-bottom:1px solid var(--line);align-items:center}.admin-client:last-child{border:0}.mini-avatar{width:36px;height:36px;border-radius:50%;background:#249eed1a;color:var(--blue);display:grid;place-items:center;font-size:14px;font-weight:650;flex-shrink:0}.admin-client-copy{flex:1;min-width:0}.admin-client-copy strong{font-size:13px;display:block;overflow:hidden;text-overflow:ellipsis}.admin-client-copy small{font-size:11px;color:var(--muted)}.state-label{font-size:10px;padding:4px 7px;border-radius:8px;background:var(--bg);color:var(--muted);white-space:nowrap}.state-label.active,.state-label.succeeded{color:var(--green);background:#31bf8012}.state-label.expired,.state-label.suspended{color:var(--red);background:#e76b7010}.pagination{display:flex;justify-content:space-between;align-items:center;margin:17px 0;font-size:12px;color:var(--muted)}.pagination button{color:var(--blue);padding:8px}.search-row{display:flex;gap:8px;align-items:center;margin-top:13px}.search-row .search-input{margin:0;flex:1;width:0}.search-row button{border-radius:12px;background:var(--blue);color:#fff;padding:13px;min-height:45px;font-size:13px}.info-line{display:flex;justify-content:space-between;gap:20px;padding:10px 0;border-bottom:1px solid var(--line);font-size:12px}.info-line span{color:var(--muted)}.info-line strong{text-align:right;font-weight:550;overflow-wrap:anywhere}.info-line:last-child{border:0}.warning{background:#e3ac2910;color:#d9b461;border:1px solid #e3ac2933;padding:12px;border-radius:13px;font-size:12px;margin:12px 0}.admin-shell{padding-bottom:10px}.error-card{text-align:center;padding:50px 12px}.error-card h2{font-size:21px}.error-card p{color:var(--muted);font-size:14px}.header-actions{display:flex;gap:8px}.badge-label{font-size:10px;color:var(--blue);font-weight:600}.plan-details{margin:13px 16px 0;color:var(--muted);font-size:11px;display:flex;align-items:center;gap:6px}.plan-details svg{width:15px;height:15px;color:var(--blue)}.sheet-footer-note{font-size:11px;color:var(--muted);text-align:center;margin:13px 0 0}.section-space{margin-top:22px}.connection-banner{margin-top:12px}.platform-select{margin:14px 0 6px}.divider{height:1px;background:var(--line);margin:18px 0}.admin-card .secondary{font-size:12px}.admin-card .primary{font-size:14px}.full-width{width:100%}@media(max-width:360px){.app-shell{padding-left:10px;padding-right:10px}.profile{gap:9px;padding:12px}.language{font-size:10px}.hero{padding:20px 16px;gap:14px}.hero h1{font-size:23px}.hero-icon{width:57px}.plan{padding:14px;gap:10px}.plan-title{font-size:16px}.plan-price{font-size:17px}.plan-desc{font-size:12px}.badge{font-size:10px}.status-card{padding:13px}.profile-username{font-size:12px}.theme-switch{gap:0;padding:2px}.theme-switch button{width:22px;height:24px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
/* Geometry and typography matched to the supplied Telegram reference. */
:root { --bg:#151f27; --card:#212e3c; --muted:#7f8c98; --line:#33404c; --blue:#249fed; --radius:18px; }
.app-shell { padding:0 12px 100px; }
.in-telegram .app-shell { padding-top:10px; }
.profile { min-height:63px; padding:10px 14px; gap:12px; margin-bottom:13px; border-radius:18px; }
.avatar { width:43px; height:43px; font-size:21px; }
.profile-name { font-size:16px; font-weight:650; }
.profile-username { font-size:13px; line-height:1.4; margin-top:2px; }
.theme-switch { padding:3px; gap:1px; flex-shrink:0; }
.theme-switch button { width:23px; height:23px; }
.theme-switch svg { width:16px; height:16px; }
.language { flex-shrink:0; font-size:13px; padding:7px 9px; background:#1c2b3b; }
.light .language { background:#f0f6fc; }
.hero { min-height:138px; padding:24px 23px; gap:20px; border-radius:18px; margin-bottom:0; }
.hero-icon { width:57px; height:57px; filter:none; }
.hero > div { min-width:0; }
.hero h1 { font-size:22px; font-weight:700; line-height:1.2; letter-spacing:-.55px; margin:0 0 8px; }
.hero p { font-size:14px; line-height:20px; }
.eyebrow { font-size:12px; line-height:17px; letter-spacing:.65px; font-weight:700; margin:18px 16px 13px; }
.connection-card { display:flex; align-items:center; gap:9px; min-height:52px; padding:8px 7px 8px 15px; border-radius:18px; background:var(--card); box-shadow:var(--shadow); }
.connection-symbol { color:var(--muted); display:flex; }
.connection-symbol svg { width:21px; height:21px; }
.connection-hint { color:var(--muted); flex:1; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:16px; }
.connection-button { background:var(--blue); color:#fff; border-radius:25px; height:36px; padding:0 17px; font-size:14px; font-weight:650; flex-shrink:0; }
.connection-button:hover { background:var(--blue-hover); }
.plan-list { border-radius:18px; }
.plan { min-height:71px; padding:14px 16px; gap:12px; }
.plan-title { font-size:17px; line-height:21px; font-weight:650; letter-spacing:0; gap:8px; }
.plan-desc { font-size:13px; line-height:18px; margin-top:3px; white-space:nowrap; }
.badge { font-size:11px; padding:1px 8px; line-height:19px; }
.plan-price { font-size:17px; line-height:22px; font-weight:700; letter-spacing:-.25px; }
.price-rub { display:block; font-size:13px; line-height:18px; color:var(--muted); font-weight:500; letter-spacing:0; margin-top:2px; }
.radio { width:23px; height:23px; }
.plan-details { margin:11px 16px 0; }
.payment-methods { margin-top:0; }
.exchange-note { display:block; padding:0; margin:10px auto 0; font-size:10px; color:var(--muted); text-align:center; }
.exchange-note[data-action] { text-decoration:underline; text-underline-offset:3px; }
.utility-row { margin-top:14px; }
.legal { margin:14px 9px 6px; }
.purchase-bar { padding:8px 8px max(22px,env(safe-area-inset-bottom)); border:0; }
.purchase-bar .primary { border-radius:10px; min-height:45px; padding:11px 8px; font-size:14px; line-height:23px; white-space:nowrap; }
.payment-total { font-size:20px; line-height:25px; }
.payment-total .price-rub { font-size:14px; }
.light .hero,.light .profile,.light .plan-list,.light .connection-card { box-shadow:var(--shadow); }
@media(max-width:360px) {
  .app-shell { padding-left:10px; padding-right:10px; }
  .profile { gap:8px; padding:10px 12px; }
  .profile-name { font-size:15px; }
  .profile-username { font-size:12px; }
  .language { font-size:12px; padding:7px; }
  .theme-switch { padding:2px; gap:0; }
  .theme-switch button { width:20px; height:23px; }
  .hero { padding:23px 19px; gap:17px; }
  .hero-icon { width:54px; height:54px; }
  .hero h1 { font-size:20px; }
  .hero p { font-size:13px; line-height:19px; }
  .connection-hint { font-size:15px; }
  .connection-button { padding:0 13px; font-size:13px; }
  .plan { padding:13px 14px; gap:10px; }
  .plan-title { font-size:16px; gap:5px; }
  .plan-desc { font-size:12px; }
  .plan-price { font-size:16px; }
  .price-rub { font-size:12px; }
  .badge { font-size:10px; padding:1px 6px; }
  .radio { width:22px; height:22px; }
  .purchase-bar .primary { font-size:12.5px; }
}

@font-face{font-family:HoldRoboto;src:url("/Roboto.ttf") format("truetype");font-style:normal;font-weight:100 900;font-display:swap} :root{font-family:HoldRoboto,Roboto,Arial,sans-serif}

.hero-logo{width:57px;height:57px;flex:0 0 57px;position:relative;overflow:hidden;border-radius:15px;background:#29a9f4}.hero-logo .hero-icon{position:absolute;max-width:none;width:72px;height:72px;left:50%;top:50%;transform:translate(-50%,-50%)}.wordmark img{width:28px;height:28px;border-radius:8px;object-fit:cover;transform:none;margin:0 5px}.loading-state img,.error-card img{width:85px;height:85px;border-radius:20px}@media(max-width:360px){.hero-logo{width:54px;height:54px;flex-basis:54px}.hero-logo .hero-icon{width:68px;height:68px}}
.plan-desc{overflow:hidden;text-overflow:ellipsis}

.language[data-action]{cursor:pointer}.language[data-action]:hover{filter:brightness(1.12)}.language-options{display:grid;gap:10px}.language-option{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:17px 16px;background:var(--card);border:1px solid var(--line);border-radius:15px;width:100%;text-align:left}.language-option[aria-checked=true]{border-color:var(--blue)}.language-option strong{display:block;font-size:16px}.language-option small{display:block;color:var(--muted);font-size:12px;margin-top:3px}.language-check{width:25px;height:25px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;color:var(--blue)}.language-check svg{width:17px;height:17px}.language-option[aria-checked=true] .language-check{border-color:var(--blue);background:#249eed12}
.hero-logo{background:#39adef}
/* Main screen matched to the user's latest reference. */
:root{--bg:#222e3b;--card:#17232d;--card-hover:#1d2b37;--text:#f4f5f7;--muted:#7890a3;--line:#2a3946;--blue:#558fc8;--blue-hover:#69a0d3;--shadow:0 7px 20px #101b251c;--radius:19px}
.app-shell{max-width:480px;padding:clamp(18px,7.7vw,42px) 12px 24px;margin:0 auto}
.in-telegram .app-shell{padding-top:clamp(18px,7.7vw,42px)}
.app-header{display:none}
.vpn-home .profile{height:64px;min-height:64px;padding:10px 14px;border-radius:19px;gap:12px;margin-bottom:11px;background:var(--card);box-shadow:var(--shadow)}
.vpn-home .avatar{width:42px;height:42px;font-size:19px}
.vpn-home .profile-name{font-size:15px;line-height:20px;font-weight:700}
.vpn-home .profile-username{font-size:12px;line-height:17px;margin-top:0}
.vpn-home .theme-switch{height:30px;align-items:center;padding:3px;gap:3px;background:#22313d;border-color:#30424f}
.vpn-home .theme-switch button{width:20px;height:22px;color:#587083}
.vpn-home .theme-switch .selected{color:#69b4ed;background:#14212b}
.vpn-home .theme-switch svg{width:14px;height:14px}
.vpn-home .language{font-size:12px;line-height:18px;padding:6px 10px;background:#203344;color:#6db6ef;border-radius:20px}
.vpn-home .hero{min-height:119px;padding:22px 23px;gap:20px;border-radius:19px;margin:0;background:var(--card);box-shadow:var(--shadow)}
.vpn-home .hero-logo{width:55px;height:55px;flex-basis:55px;border-radius:15px}
.vpn-home .hero-logo .hero-icon{width:70px;height:70px}
.vpn-home .hero h1{font-size:20px;line-height:25px;letter-spacing:-.4px;font-weight:750;margin:0 0 5px}
.vpn-home .hero p{font-size:13px;line-height:20px;margin:0}
.vpn-home .eyebrow{font-size:12px;line-height:17px;letter-spacing:.55px;font-weight:550;margin:16px 16px 12px;color:var(--muted)}
.vpn-home .connection-card{height:55px;min-height:55px;border-radius:19px;padding:9px 7px 9px 15px;gap:9px;background:var(--card);box-shadow:var(--shadow)}
.vpn-home .connection-hint{font-size:14px}
.vpn-home .connection-symbol svg{width:15px;height:20px}
.vpn-home .connection-button{height:37px;min-width:104px;padding:0 16px;font-size:13px;font-weight:700;background:var(--blue)}
.section-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}
.section-heading .eyebrow{flex:1}
.section-link{color:var(--muted);font-size:10px;padding:4px 15px 0 0}
.vpn-home .plan-list{border-radius:19px;background:var(--card);box-shadow:var(--shadow)}
.vpn-home .plan{height:70px;min-height:70px;padding:12px 16px;gap:12px;align-items:center;border-color:var(--line)}
.vpn-home .plan-title{display:flex;gap:8px;align-items:center;font-size:15px;line-height:20px;font-weight:700;letter-spacing:0}
.vpn-home .plan-desc{display:block;font-size:12px;line-height:18px;margin-top:1px}
.vpn-home .badge{font-size:10px;line-height:17px;padding:1px 9px;background:var(--blue)}
.vpn-home .plan-price{font-size:16px;line-height:20px;font-weight:750;letter-spacing:-.25px}
.vpn-home .price-rub{font-size:12px;line-height:18px;margin-top:2px;font-weight:500}
.vpn-home .radio,.radio.checked{width:22px;height:22px;border-color:#4c6374}
.radio.checked{background:var(--blue);border-color:var(--blue);position:relative}
.radio.checked:after{content:"";position:absolute;inset:0;margin:auto;width:8px;height:8px;border-radius:50%;background:white}
.payment-select{width:100%;height:68px;display:flex;align-items:center;gap:15px;background:var(--card);border-radius:19px;padding:12px 16px;text-align:left;box-shadow:var(--shadow)}
.payment-select>svg{width:18px;height:18px;color:var(--muted)}
.payment-emblem{display:grid;place-items:center;width:38px;height:38px;flex-shrink:0;color:#fff;background:#528fc9;border-radius:10px}
.payment-emblem svg{width:24px;height:24px}
.crypto-emblem{background:#53ad94;clip-path:polygon(22% 0,78% 0,100% 50%,50% 100%,0 50%);border-radius:0}
.payment-select-copy{display:block;flex:1;min-width:0}
.payment-select-copy strong{display:block;font-size:15px;line-height:20px;font-weight:700}
.payment-select-copy small{display:block;font-size:12px;line-height:18px;color:var(--muted);margin-top:1px}
.invitation-field{height:54px;display:flex;align-items:center;background:var(--card);border-radius:19px;margin:12px 0 0;padding:0 7px 0 15px;box-shadow:var(--shadow)}
.invitation-field input{min-width:0;width:100%;flex:1;background:none;border:0;color:var(--text);font-size:14px;outline:none;margin:0;padding:0;height:100%}
.invitation-field input::placeholder{color:var(--muted);opacity:1}
.invitation-field button{width:37px;height:37px;border-radius:50%;color:var(--blue);display:grid;place-items:center;flex-shrink:0}
.invitation-field button:disabled{display:none}
.invitation-field input:placeholder-shown+button{opacity:.35}
.support-card{width:100%;height:105px;display:flex;align-items:center;gap:13px;text-align:left;padding:15px 16px;background:var(--card);border-radius:19px;box-shadow:var(--shadow)}
.support-card>img{height:52px;width:52px;object-fit:cover;border-radius:50%;flex-shrink:0}
.support-copy{display:block;flex:1;min-width:0}
.support-copy strong{display:block;font-size:15px;font-weight:700;line-height:20px}
.support-copy .support-handle{display:block;color:#65b9f0;font-size:12px;line-height:18px}
.support-copy b{display:block;font-size:12px;line-height:18px;margin-top:1px;font-weight:650}
.support-copy small{display:block;color:var(--muted);font-size:11px;line-height:16px}
.support-send{height:38px;width:38px;display:grid;place-items:center;border-radius:50%;background:var(--blue);color:#fff;flex-shrink:0}
.support-send svg{width:21px;height:21px}
.purchase-bar{position:static;left:auto;right:auto;bottom:auto;max-width:none;margin:0;padding:16px 0 max(12px,env(safe-area-inset-bottom));background:none;border:0}
.purchase-bar .primary{min-height:47px;font-size:14px;border-radius:12px;padding:12px 8px;white-space:normal}
.purchase-bar .legal{font-size:10px;line-height:17px;margin:11px 8px 15px}
.referral-entry{display:flex;align-items:center;gap:12px;width:100%;min-height:69px;text-align:left;background:var(--card);padding:13px 15px;border-radius:18px}
.referral-entry>span:nth-child(2){flex:1;min-width:0}
.referral-entry strong{display:block;font-size:14px;line-height:20px;font-weight:650}
.referral-entry small{display:block;font-size:11px;line-height:17px;color:var(--muted)}
.referral-entry-icon{display:flex;color:var(--blue)}
.referral-entry>svg{width:18px;height:18px;color:var(--muted)}
.admin-entry{display:block;color:var(--blue);font-size:12px;margin:17px auto 0;padding:6px}
.referral-stats{display:grid;grid-template-columns:1fr 1fr 1.5fr;gap:8px;margin:17px 0}
.referral-stats>div{background:var(--card);border-radius:14px;text-align:center;padding:15px 5px}
.referral-stats strong{display:block;font-size:19px;line-height:24px;color:var(--text);font-weight:700;white-space:nowrap}
.referral-stats small{display:block;font-size:11px;color:var(--muted);margin-top:4px}
.choice-list{background:var(--card);border-radius:16px;overflow:hidden}
.choice-row{display:flex;align-items:center;gap:13px;min-height:68px;width:100%;padding:12px 14px;border-bottom:1px solid var(--line);text-align:left}
.choice-row:last-child{border:0}.choice-row strong{flex:1;font-size:15px}
body.light{--bg:#edf1f6;--card:#fff;--card-hover:#f5f8fc;--text:#192b3a;--muted:#7e91a3;--line:#e1e8ef}
.light .vpn-home .theme-switch{background:#f2f5f9;border-color:#dce5ef}.light .vpn-home .theme-switch .selected{background:#fff}
.light .vpn-home .language{background:#edf5fc;color:#4a91cb}
@media(max-width:360px){
 .app-shell{padding-left:10px;padding-right:10px}.vpn-home .profile{gap:8px;padding-left:12px;padding-right:12px}
 .vpn-home .hero{padding:20px 17px;gap:15px}.vpn-home .hero h1{font-size:19px}.vpn-home .hero p{font-size:12px;line-height:19px}
 .vpn-home .hero-logo{width:49px;height:49px;flex-basis:49px}.vpn-home .hero-logo .hero-icon{width:63px;height:63px}
 .vpn-home .connection-button{min-width:88px;padding:0 11px;font-size:12px}.vpn-home .connection-hint{font-size:13px}
 .vpn-home .plan{padding:12px 13px;gap:9px}.vpn-home .plan-title{font-size:14px;gap:5px}.vpn-home .badge{font-size:9px;padding:1px 6px}
 .vpn-home .plan-price{font-size:14px}.vpn-home .price-rub{font-size:11px}.vpn-home .plan-desc{font-size:11px}.vpn-home .radio{width:20px;height:20px}
 .payment-select-copy strong{font-size:14px}.payment-select-copy small{font-size:11px}.support-card{padding:14px}.support-card>img{width:44px;height:44px}
 .referral-stats strong{font-size:16px}.purchase-bar .primary{font-size:12px}
}