@font-face{font-family:Manrope;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/manrope-0.ttf) format("truetype")}@font-face{font-family:Manrope;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/manrope-1.ttf) format("truetype")}@font-face{font-family:Manrope;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/manrope-2.ttf) format("truetype")}@font-face{font-family:Manrope;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/manrope-3.ttf) format("truetype")}@font-face{font-family:Manrope;font-style:normal;font-weight:800;font-display:swap;src:url(/fonts/manrope-4.ttf) format("truetype")}:root{font-family:Manrope,system-ui,-apple-system,sans-serif;color:#f0f3ed;background:#101411;font-synthesis:none;font-weight:500;--surface: #171c18;--line: #29302a;--muted: #8f9a90;--accent: #d0f78b;--tg-safe-top: 0px;color-scheme:dark}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;background:none;border:0}button:disabled{cursor:not-allowed;opacity:.45}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:5px}button{transition:background .16s,transform .16s,color .16s}button:active:not(:disabled){transform:translateY(1px)}p{line-height:1.7}h1,h2,h3,p{margin-top:0}h1{font-size:36px;line-height:1.22;letter-spacing:-1.3px;font-weight:650;margin-bottom:14px}h2{font-size:18px;font-weight:650;letter-spacing:-.5px}h3{font-size:17px;font-weight:650;letter-spacing:-.3px}a{color:inherit}.app-shell{max-width:1440px;min-height:100vh;margin:auto;display:flex}.sidebar{width:234px;flex:none;border-right:1px solid var(--line);padding:38px 22px 26px;position:fixed;top:0;bottom:0;display:flex;flex-direction:column}.brand{display:flex;gap:10px;align-items:center;color:var(--accent);white-space:nowrap}.brand svg{height:35px;width:35px;fill:none;stroke:currentColor;stroke-width:3;stroke-linejoin:round}.brand>span{font-size:29px;letter-spacing:-1.7px;font-weight:800;color:#f2f5ef}.brand-vpn{font-size:11px;font-weight:650;letter-spacing:1px;margin-left:7px;color:var(--muted)}.sidebar .brand{margin-left:11px;margin-bottom:58px}.sidebar nav{display:grid;gap:9px}.sidebar nav button{display:flex;align-items:center;gap:13px;text-align:left;padding:14px 15px;color:#a3ada4;font-size:13px;border-radius:9px}.sidebar nav button:hover{background:#1b221c}.sidebar nav .nav-active{color:var(--accent);background:#222c20}.sidebar nav button span{width:5px;height:5px;border-radius:50%;background:var(--accent);margin-left:auto}.sidebar-bottom{margin-top:auto;display:grid;gap:22px;padding:20px 13px;color:#a3ada4;font-size:12px}.sidebar-bottom button{display:flex;gap:12px;align-items:center;text-align:left;padding:0}.sidebar-bottom small{color:#667168;margin-top:14px;font-size:10px}.main-shell{margin-left:234px;width:calc(100% - 234px)}.topbar{height:97px;padding:0 48px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.desktop-breadcrumb{font-size:12px;color:#a4ada4}.desktop-breadcrumb span{color:#515b52;margin:0 14px}.avatar{display:grid;place-items:center;width:35px;height:35px;background:#2d372b;border:1px solid #424d3d;border-radius:50%;color:var(--accent);font-size:13px;font-weight:700}.main-content{padding:40px 48px 50px;max-width:1200px}.page-intro{margin-bottom:31px}.page-intro>p{font-size:12px;color:var(--muted);margin-bottom:11px}.page-intro>h1+p{font-size:14px;margin-top:14px;max-width:530px}.home-grid{display:grid;grid-template-columns:minmax(350px,1.24fr) minmax(250px,1fr);gap:32px}.connection-panel{background:var(--surface);border:1px solid #323b2e;border-radius:18px;padding:23px 25px 15px;overflow:hidden}.panel-top{display:flex;justify-content:space-between;align-items:center;gap:10px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.5px;color:#b4c0ac}.status-pill{display:inline-flex;gap:7px;align-items:center;background:#242e21;border:1px solid #34452b;padding:6px 9px;border-radius:20px;color:#d2e5c2;font-size:10px}.dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--accent);flex:none}.dot.muted{background:#88968a}.days-orbit{width:215px;height:215px;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:20px auto 15px;position:relative}.orbit-ring{position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid #35422e;border-radius:50%}.orbit-ring:before{content:"";position:absolute;top:10px;right:10px;bottom:10px;left:10px;border-radius:50%;border:1px dashed #34402e}.orbit-ring:after{content:"";position:absolute;top:16px;right:42px;width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 5px #242f20}.orbit-shield{color:var(--accent);margin-bottom:5px}.days-orbit strong{font-size:68px;line-height:1.1;font-weight:500;letter-spacing:-3px}.days-orbit>span{font-size:12px;color:#9da895;margin-top:9px}.expiry{display:flex;justify-content:center;gap:6px;font-size:11px;color:var(--muted);margin-bottom:24px}.expiry strong{font-weight:500;color:#c5cec0}.primary,.secondary,.danger{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:15px 18px;border-radius:9px;font-size:12px;font-weight:750;min-height:47px}.primary{background:var(--accent);color:#1d2815}.primary:hover:not(:disabled){background:#defcae}.primary svg:last-child{margin-left:auto}.primary svg:first-child{margin-left:0}.secondary{border:1px solid #39433b;background:#202821;color:#e0e8dc}.secondary:hover:not(:disabled){background:#2b362c}.danger{background:#5b302c;color:#ffd9d2}.compact{width:auto;min-height:42px;padding:11px 15px}.panel-note{text-align:center;color:#82907e;font-size:9px;margin:12px 0 0}.devices-section{margin-top:30px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:16px}.section-heading h2{margin:0;display:flex;align-items:center;gap:10px;font-size:15px;letter-spacing:-.3px}.section-heading>svg{color:var(--muted)}.count{font-size:10px;line-height:1;padding:5px 7px;color:#adb8a8;background:#232b22;border-radius:5px;font-weight:500}.text-button{display:inline-flex;align-items:center;gap:8px;color:#b7c2b0;font-size:11px;padding:4px 0}.text-button:hover{color:var(--accent)}.device-row{display:flex;align-items:center;gap:13px;text-align:left;width:100%;padding:17px 0;border-bottom:1px solid var(--line)}.device-row:hover .device-icon{background:#2c3929}.device-icon{display:grid;place-items:center;width:43px;height:46px;border:1px solid #333d32;background:#1d251d;border-radius:10px;color:#c8d3c2}.row-copy{display:flex;flex-direction:column;gap:6px;flex:1;min-width:0}.row-copy strong{font-size:12px;font-weight:600;overflow:hidden;text-overflow:ellipsis}.row-copy small{font-size:10px;color:var(--muted);display:flex;gap:6px;align-items:center}.device-row>svg{color:#667460}.free-slot{width:100%;display:flex;align-items:center;gap:13px;text-align:left;padding:16px 0;font-size:11px;color:#819077}.free-slot>span{width:43px;height:43px;display:grid;place-items:center;border:1px dashed #354030;border-radius:10px}.free-slot>svg{margin-left:auto}.servers-section{padding:7px 0 0}.servers-section .section-heading{margin-bottom:10px}.muted-copy{color:var(--muted);font-size:12px}.server-list{margin-top:20px}.server-row{display:flex;align-items:center;gap:12px;padding:16px 0;border-bottom:1px solid #252d26;font-size:12px}.country-code{display:grid;place-items:center;letter-spacing:.3px;font-size:10px;color:#c1cbbc;width:32px;height:27px;border-radius:5px;background:#232c23;border:1px solid #344131}.server-state{margin-left:auto;display:flex;align-items:flex-end;gap:2px;height:10px}.server-state i{width:2px;background:#63705f;display:block;height:4px}.server-state i:nth-child(2){height:7px}.server-state i:nth-child(3){height:10px}.server-state.online i{background:#b7d589}.help-panel{margin-top:29px;background:#1a2219;border:1px solid #34402e;padding:22px;text-align:left;border-radius:12px;width:100%;min-height:209px;display:flex;flex-direction:column;justify-content:space-between}.help-panel:hover{background:#222d1f}.help-icon{display:grid;place-items:center;width:39px;height:39px;background:#303e26;color:var(--accent);border-radius:50%;margin-bottom:20px}.help-panel h3{font-size:15px;margin-bottom:8px}.help-panel p{font-size:11px;color:#929f89;max-width:210px}.help-panel .text-button{color:#cedbbf;font-size:11px;display:flex;width:100%;justify-content:space-between}.quiet-footer{font-size:10px;color:#65715f;margin-top:25px;text-align:center}.welcome{padding:42px 0 10px}.welcome>svg{color:var(--accent);margin-bottom:25px}.welcome h2{font-size:29px}.welcome p{color:var(--muted);font-size:13px;margin-bottom:26px}.welcome .text-button{justify-content:center;width:100%;margin-top:15px}.pending-center{min-height:322px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--muted)}.pending-center h2{margin-top:22px;color:#e4eddc}.pending-center p{font-size:13px;max-width:270px}.content-narrow{max-width:650px}.device-summary{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:38px}.device-summary>span{color:var(--muted);font-size:12px}.device-summary strong{color:var(--accent);font-size:29px;font-weight:500}.slots-bar{display:flex;gap:5px;margin:20px 0 25px}.slots-bar span{height:4px;flex:1;background:#2d372b;border-radius:3px}.slots-bar .filled{background:var(--accent)}.empty{padding:50px 20px;text-align:center;border:1px dashed #35402f;border-radius:14px;margin-top:28px}.empty-symbol{display:inline-grid;place-items:center;border-radius:50%;height:62px;width:62px;background:#263122;color:var(--accent);margin-bottom:22px}.empty p{font-size:13px;color:var(--muted)}.empty .primary{width:auto;margin:25px auto 0}.modal{color:inherit;width:min(440px,calc(100% - 24px));background:#1b231c;border:1px solid #414d3b;padding:0;border-radius:18px;box-shadow:0 20px 100px #0008}.modal::backdrop{background:#050805bb;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.modal-inner{padding:26px}.modal-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:24px}.modal-heading h2{margin:0;font-size:21px}.icon-button{display:grid;place-items:center;width:34px;height:34px;color:#aebca5;border-radius:6px}.icon-button:hover{background:#313e2d}label{display:block;font-size:12px;color:#b9c6b2}input:not([type=checkbox]),select{width:100%;display:block;margin:10px 0 22px;padding:13px;background:#111813;border:1px solid #414c3c;border-radius:8px;color:#eef4e8;outline:none}input:focus,select:focus{border-color:var(--accent)}input::placeholder{color:#697660}.form-error{font-size:12px;color:#f0aca0}.dialog-actions{display:flex;gap:10px;margin-top:28px}.modal .secondary+.primary,.modal .primary+.secondary{margin-top:12px}.toast{position:fixed;bottom:27px;left:50%;transform:translate(-50%);border:1px solid #57674a;background:#293823;color:#e1f3d2;padding:14px 20px;border-radius:10px;max-width:calc(100% - 32px);display:flex;gap:10px;align-items:center;z-index:100;font-size:12px;box-shadow:0 10px 40px #0008}.boot{min-height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:22px;padding:24px;text-align:center}.boot .brand{margin-bottom:35px}.boot p{color:var(--muted);font-size:14px}.boot .primary{width:auto}.spinner{animation:spin 1s linear infinite;flex:none}@keyframes spin{to{transform:rotate(360deg)}}.group-label{font-size:13px;color:#d6dfcf;margin:27px 0 14px;font-weight:600}.purchase-layout{display:grid;grid-template-columns:1fr 320px;gap:40px}.device-choices,.platform-choices{display:flex;gap:8px}.device-choices button,.platform-choices button{padding:15px;flex:1;background:#1b231b;border:1px solid #34402f;border-radius:9px;font-size:14px}.device-choices button.selected,.platform-choices button.selected{border-color:#bedc8d;background:#2b3923;color:var(--accent)}.term-choices{display:grid;gap:9px}.term-choices button{display:flex;justify-content:space-between;padding:18px;border:1px solid #34402f;border-radius:9px;font-size:13px}.term-choices .selected{border-color:#bedc8d;background:#212d1d;color:var(--accent)}.radio-circle{height:15px;width:15px;border:1px solid #58674b;border-radius:50%}.payment-methods{display:grid;grid-template-columns:1fr 1fr;gap:9px}.payment-methods button{display:flex;align-items:center;gap:9px;min-height:48px;padding:12px;border:1px solid #34402f;border-radius:9px;font-size:11px;text-align:left}.payment-methods button>svg:last-child{margin-left:auto}.payment-methods .selected{border-color:var(--accent);color:var(--accent)}.star-symbol{font-size:23px}.order-panel{padding:28px;background:#1a2319;border:1px solid #374530;border-radius:15px;margin-top:26px;align-self:start}.order-panel>svg{color:var(--accent);margin-bottom:20px}.order-panel .eyebrow{margin-bottom:18px}.price{font-size:32px;font-weight:600;letter-spacing:-1px;margin-bottom:6px}.order-lines{margin:30px 0 20px}.order-lines>div{display:flex;justify-content:space-between;font-size:12px;padding:12px 0;gap:12px}.order-lines span{color:var(--muted)}.order-lines strong{font-weight:600}.order-total{border-top:1px solid #364330;margin-top:10px;padding-top:20px!important}.checkbox-label{display:flex;align-items:flex-start;gap:7px;font-size:10px;margin:20px 0;line-height:1.7}.checkbox-label input{accent-color:var(--accent);margin-top:2px}.inline-link{display:inline-block;vertical-align:middle;color:var(--accent);padding:0 3px}.payment-status{text-align:center;padding:10px 0 25px}.payment-status>svg{color:var(--accent);margin-bottom:20px}.payment-status h3{line-height:1.7}.payment-status p{color:var(--muted)}.guide-device{display:flex;align-items:center;gap:15px;background:#1b231a;padding:16px 20px;border:1px solid #344030;border-radius:11px}.grow{flex:1;min-width:0}.guide-device label>span{color:var(--muted);font-size:10px}.guide-device select{margin:5px 0 0;padding:5px 0;border:0;background:transparent;font-size:14px}.danger-text{color:#b78375}.platform-choices button{font-size:12px;padding:13px 10px}.client-choices{display:flex;gap:12px}.client-choices button{flex:1;display:flex;align-items:center;gap:10px;padding:13px;border:1px solid #344030;border-radius:9px;font-size:13px}.client-choices button.selected{border-color:#b3d584}.client-choices button>svg{margin-left:auto;color:var(--accent)}.client-logo{display:grid;place-items:center;width:30px;height:30px;border-radius:8px;background:#33432a;color:var(--accent);font-size:18px;font-weight:750}.steps{list-style:none;padding:0;margin:34px 0}.steps li{display:flex;gap:22px;padding:22px 0;border-bottom:1px solid #293526}.step-number{font-size:13px;color:#afce89;flex:none;padding-top:3px}.steps h3{font-size:15px;margin-bottom:10px}.steps p{font-size:12px;color:var(--muted);max-width:420px}.steps .text-button{display:flex;margin-top:12px}.inline-notice{display:flex;gap:12px;align-items:center;padding:18px;background:#252e20;border-radius:9px;font-size:12px;line-height:1.7;color:#c2d2af;margin-top:16px}.identity{display:flex;align-items:center;gap:18px;padding:15px 0 35px}.identity h2{font-size:23px;margin:0 0 7px}.identity p{font-size:12px;color:var(--muted);margin:0}.identity>svg{color:#819773;margin-left:auto}.avatar.large{height:66px;width:66px;font-size:27px}.settings-list{border-top:1px solid var(--line)}.setting-row{width:100%;display:flex;align-items:center;gap:15px;padding:23px 0;border-bottom:1px solid var(--line);text-align:left;font-size:13px}.setting-row>svg{color:#9ead91}.setting-row>span{flex:1}.setting-row small{display:block;font-size:10px;color:var(--muted);margin-top:7px}.setting-row select{width:auto;margin:0;font-size:11px;padding:8px;background:#1d271c}.history-row{display:flex;justify-content:space-between;gap:20px;padding:18px 0;border-bottom:1px solid var(--line);font-size:12px}.history-row small{display:block;font-size:10px;color:var(--muted);margin-top:7px}.history-row>span{font-size:10px;color:var(--muted);max-width:170px}.mobile-brand,.mobile-nav{display:none}@media(min-width:1440px){.sidebar{left:calc((100vw - 1440px)/2)}}@media(max-width:1100px){.sidebar{width:205px;padding-left:16px;padding-right:16px}.main-shell{margin-left:205px;width:calc(100% - 205px)}.main-content{padding:34px 30px}.topbar{padding:0 30px}.home-grid{gap:24px;grid-template-columns:minmax(300px,1.2fr) minmax(220px,1fr)}.connection-panel{padding:20px}.purchase-layout{grid-template-columns:1fr 280px;gap:22px}.order-panel{padding:22px}}@media(max-width:850px){.sidebar{display:none}.main-shell{margin-left:0;width:100%}.desktop-breadcrumb{display:none}.mobile-brand{display:block}.topbar{height:80px;padding:calc(10px + var(--tg-safe-top)) 24px 10px}.topbar .brand>span{font-size:25px}.topbar .brand svg{height:30px;width:30px}.main-content{padding:29px 24px 110px}.mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;background:#131914f5;border-top:1px solid #30392d;padding:12px 10px calc(12px + env(safe-area-inset-bottom));z-index:10;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.mobile-nav button{display:flex;flex:1;flex-direction:column;align-items:center;gap:6px;font-size:9px;color:#82907b;min-height:38px}.mobile-nav .nav-active{color:var(--accent)}.toast{bottom:94px}.home-grid{grid-template-columns:1.2fr 1fr}.page-intro h1{font-size:31px}.page-intro{margin-bottom:25px}.purchase-layout{grid-template-columns:1fr 280px}}@media(max-width:620px){h1{font-size:29px}.main-content{padding:25px 20px 112px}.topbar{padding-left:20px;padding-right:20px;height:75px}.page-intro h1{font-size:29px;letter-spacing:-1px}.page-intro>p{font-size:11px}.home-grid{display:block}.connection-panel{padding:20px 20px 16px;border-radius:15px}.days-orbit{width:204px;height:204px;margin-top:24px;margin-bottom:18px}.days-orbit strong{font-size:65px}.panel-note{font-size:9px}.primary{font-size:13px;min-height:49px}.status-pill{font-size:9px}.home-secondary{margin-top:31px}.servers-section{padding-top:10px}.server-row{padding:16px 0}.server-list{margin-top:15px}.help-panel{min-height:175px;margin-top:26px;padding:21px}.help-panel>div{display:grid;grid-template-columns:44px 1fr;column-gap:15px}.help-panel .help-icon{grid-row:1/3;margin:0;width:42px;height:42px}.help-panel h3{margin-top:1px}.help-panel p{max-width:none;margin-bottom:12px}.quiet-footer{margin-top:23px}.section-heading h2{font-size:15px}.device-row{padding:18px 0}.row-copy strong{font-size:13px}.row-copy small{font-size:10px}.purchase-layout{display:flex;flex-direction:column;gap:8px}.order-panel{margin-top:22px;padding:25px}.device-choices{gap:7px}.device-choices button{padding:16px 10px}.term-choices button{padding:18px}.payment-methods button{font-size:12px}.checkbox-label{font-size:11px}.order-panel .panel-note{font-size:10px}.steps li{gap:16px}.steps h3{line-height:1.5}.guide-device{padding:13px 15px}.modal-inner{padding:23px}.modal{max-height:calc(100dvh - 40px)}.device-summary{margin-top:20px}.device-summary .primary{font-size:11px;min-height:43px}.settings-list .setting-row{font-size:12px}.identity{padding-top:10px}.history-row>span{max-width:130px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}