:root{color-scheme:dark;--bg:#03070d;--panel:#08111d;--line:#18324b;--text:#f4f9ff;--muted:#89a0b7;--red:#36e58d;--blue:#2f7dff;--green:#36e58d;font-family:Inter,Arial,Helvetica,sans-serif;font-size:16px}
*{box-sizing:border-box}html,body{min-height:100%}body{margin:0;background:var(--bg);color:var(--text)}button,input{font:inherit}a{color:inherit;text-decoration:none}
.topbar{height:82px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 5%;border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;gap:14px;width:max-content;font-size:17px;letter-spacing:.1em}.brand b{font-weight:400;color:var(--red)}.brand-logo{display:block;width:39px;height:39px;object-fit:contain;flex:0 0 auto}
.main-nav{height:100%;display:flex;align-items:center;gap:34px}.main-nav>a,.projects-menu>button{height:100%;display:flex;align-items:center;border:0;border-bottom:2px solid transparent;background:transparent;color:var(--muted);font-size:14px;cursor:pointer;padding:0 4px}.main-nav>a:hover,.projects-menu>button:hover,.projects-menu:focus-within>button{color:var(--text)}.main-nav>a[aria-current="page"]{color:var(--text);border-color:var(--red)}
.projects-menu{position:relative;height:100%}.projects-menu>button span{margin-left:8px;color:var(--red)}.projects-dropdown{position:absolute;top:calc(100% - 1px);left:50%;transform:translateX(-50%) translateY(8px);width:180px;padding:8px;background:var(--panel);border:1px solid var(--line);opacity:0;visibility:hidden;transition:opacity .15s,transform .15s;z-index:5}.projects-dropdown a{display:block;padding:12px;color:var(--muted);font-size:14px}.projects-dropdown a:hover,.projects-dropdown a:focus,.projects-dropdown a[aria-current="page"]{background:#202020;color:var(--text)}.projects-menu:hover .projects-dropdown,.projects-menu:focus-within .projects-dropdown{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}
.auth-nav{display:flex;align-items:center;justify-content:flex-end;gap:10px}.auth-nav form{margin:0}.nav-link{border:0;background:transparent;color:var(--text);padding:11px 16px;border-radius:4px;cursor:pointer;font-size:14px}.nav-link:hover{background:#1c1c1c}.nav-primary{border:1px solid var(--red);color:#fff}.nav-primary:hover{background:var(--red)}.account-email{max-width:180px;overflow:hidden;text-overflow:ellipsis;color:var(--muted);font-size:14px}
.empty-page{min-height:calc(100vh - 151px)}footer{height:69px;padding:0 5%;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px;color:#8c8e91;font-size:12px;letter-spacing:.1em}footer b{color:var(--red);margin-left:15px}
.modal-layer{position:fixed;inset:0;z-index:10;display:grid;place-items:center;padding:20px}.modal-layer[hidden]{display:none}.modal-backdrop{position:absolute;inset:0;border:0;background:rgba(0,0,0,.72);backdrop-filter:blur(7px);cursor:default}.modal{position:relative;width:min(440px,100%);max-height:calc(100vh - 40px);overflow:auto;background:var(--panel);border:1px solid var(--line);padding:30px 34px 34px;box-shadow:0 24px 90px rgba(0,0,0,.6)}.modal:before{content:"";position:absolute;top:-1px;left:34px;width:44px;height:2px;background:var(--red)}.modal-close{position:absolute;right:18px;top:14px;border:0;background:transparent;color:var(--muted);font-size:28px;line-height:1;padding:6px;cursor:pointer}.modal-close:hover{color:var(--text)}.modal-tabs{display:flex;gap:24px;border-bottom:1px solid var(--line);margin:0 36px 28px 0}.modal-tabs button{border:0;border-bottom:2px solid transparent;background:transparent;color:var(--muted);padding:4px 0 13px;cursor:pointer;font-size:14px}.modal-tabs button[aria-selected="true"]{color:var(--text);border-color:var(--red)}.auth-panel[hidden]{display:none}h1{font-size:30px;letter-spacing:-.04em;margin:0 0 9px}.auth-panel>p{color:var(--muted);font-size:14px;line-height:1.5;margin:0 0 26px}label{display:block;margin:20px 0 9px;font-size:14px}input{width:100%;min-width:0;padding:14px;border:1px solid #3b3b3b;border-radius:3px;background:#0c0c0c;color:var(--text);outline:none}input:focus{border-color:var(--red);box-shadow:0 0 0 2px #36e58d25}.password-field{display:flex;position:relative}.password-field input{padding-right:95px}.password-field button{position:absolute;right:6px;top:5px;bottom:5px;border:0;background:transparent;color:var(--muted);font-size:12px;cursor:pointer}.hint{display:block;color:var(--muted);font-size:12px;margin-top:9px}.submit{width:100%;margin-top:25px;padding:15px;border:1px solid var(--red);border-radius:3px;background:var(--red);color:#fff;font-weight:700;cursor:pointer}.submit:hover{background:#f24949}.submit:disabled{opacity:.6;cursor:wait}.error{padding:11px 12px;border:1px solid #853939;background:#351d1d;color:#ffb7b7;font-size:14px;line-height:1.45;margin-bottom:18px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--red);outline-offset:3px}body.modal-open{overflow:hidden}
@media(max-width:820px){.topbar{height:auto;min-height:122px;grid-template-columns:1fr auto;grid-template-rows:66px 56px;padding:0 18px}.brand{font-size:14px}.main-nav{grid-row:2;grid-column:1/-1;justify-content:center;border-top:1px solid #1d1d1d}.auth-nav{grid-column:2}.account-email{display:none}.empty-page{min-height:calc(100vh - 191px)}}
@media(max-width:600px){.brand-logo{width:31px;height:31px}.brand{font-size:13px}.nav-link{padding:9px 11px}.main-nav{gap:28px}.modal-layer{padding:12px}.modal{padding:26px 22px 28px}footer{height:62px;padding:0 18px}footer span:last-child{display:none}.empty-page{min-height:calc(100vh - 184px)}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.account-page{min-height:calc(100vh - 151px);padding:56px 5% 80px}.devices-panel{width:min(820px,100%);margin:auto}.devices-heading{display:flex;justify-content:space-between;align-items:flex-end;border-bottom:1px solid var(--line);padding-bottom:22px}.devices-heading h1{margin:7px 0 0}.devices-heading strong{color:var(--red);font-size:17px}.eyebrow{color:var(--red);font-size:11px;letter-spacing:.16em}.device-card{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:24px 0;border-bottom:1px solid var(--line)}.device-card h2,.add-device h2{font-size:18px;margin:0 0 6px}.device-card p{color:var(--muted);margin:0 0 11px;font-size:14px}.device-card small,.device-status{display:block;font-size:12px}.device-card small{color:var(--muted);margin-top:8px}.status-active{color:#7ed69a}.status-revoked,.status-expired{color:#e97b7b}.danger-button{border:1px solid #713535;background:transparent;color:#ffaaaa;padding:11px 15px;cursor:pointer}.devices-empty{color:var(--muted);padding:25px 0;border-bottom:1px solid var(--line)}.add-device{margin-top:38px;padding:26px;background:var(--panel);border:1px solid var(--line)}.add-device label{margin-top:16px}.add-device select{width:100%;padding:14px;border:1px solid #3b3b3b;border-radius:3px;background:#0c0c0c;color:var(--text)}.enroll-page{min-height:100vh;display:grid;place-items:center;padding:20px}.enroll-card{width:min(520px,100%);padding:34px;background:var(--panel);border:1px solid var(--line)}.enroll-card h1{margin-top:9px}.enroll-card ol{padding-left:22px;color:#c8c8c8;line-height:1.65}.download-button{display:block;text-align:center;background:var(--red);padding:15px;margin:25px 0;font-weight:700}.install-code{border:1px solid var(--line);padding:20px;text-align:center}.install-code span,.install-code small{display:block;color:var(--muted);font-size:12px}.install-code strong{display:block;font-size:32px;letter-spacing:.14em;margin:8px}.back-link{display:block;color:var(--muted);text-align:center;margin-top:22px;font-size:13px}
@media(max-width:600px){.account-page{padding:34px 18px 60px}.device-card{align-items:flex-start}.enroll-card{padding:26px 20px}.install-code strong{font-size:27px}}

/* VPN product pages */
.home-page{min-height:calc(100vh - 151px);display:grid;place-items:center;padding:64px 5%}.home-vpn-card{position:relative;overflow:hidden;width:min(1060px,100%);min-height:370px;display:flex;align-items:center;justify-content:space-between;gap:50px;padding:64px 7%;border:1px solid #343438;border-radius:28px;background:radial-gradient(circle at 85% 25%,#47191e 0,transparent 33%),linear-gradient(135deg,#18181b,#0d0d0f);box-shadow:0 35px 90px #0008}.home-vpn-card:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 48%,#ffffff08 49%,transparent 50%);pointer-events:none}.home-vpn-card>div:first-child{position:relative;max-width:650px;z-index:1}.home-vpn-card h1{font-size:clamp(36px,5vw,66px);line-height:1;max-width:650px;margin:14px 0 20px}.home-vpn-card p{max-width:610px;color:#aaaab0;font-size:17px;line-height:1.65;margin:0 0 32px}.card-link{font-size:14px;font-weight:700}.card-link b{color:var(--red);margin-left:8px}.mini-shield{position:relative;display:grid;place-items:center;flex:0 0 210px;aspect-ratio:1;border:1px solid #71363d;border-radius:50%;color:#fff;font-size:78px;font-weight:900;box-shadow:inset 0 0 60px #36e58d20,0 0 80px #36e58d17}.mini-shield img{width:70%;height:70%;object-fit:contain;filter:drop-shadow(0 0 18px #36e58d66)}.mini-shield:after{content:"";position:absolute;inset:20px;border:1px solid #ffffff1c;border-radius:50%}
.vpn-page{min-height:calc(100vh - 151px);padding:70px 5% 100px}.vpn-hero{width:min(1180px,100%);margin:auto;display:flex;align-items:center;justify-content:space-between;gap:70px;padding:45px 0 75px}.vpn-hero>div:first-child{max-width:720px}.vpn-hero h1{font-size:clamp(44px,6vw,78px);line-height:.98;margin:15px 0 26px}.vpn-hero p{max-width:680px;color:#aaaab0;font-size:18px;line-height:1.65}.feature-row{display:flex;flex-wrap:wrap;gap:9px;margin-top:28px}.feature-row span{padding:9px 12px;border:1px solid #343438;border-radius:100px;color:#b8b8bd;font-size:12px}.vpn-orbit{display:grid;place-items:center;position:relative;flex:0 0 280px;aspect-ratio:1;border:1px solid #5b2c32;border-radius:50%;box-shadow:inset 0 0 80px #36e58d18,0 0 100px #36e58d12}.vpn-orbit:before,.vpn-orbit:after{content:"";position:absolute;border:1px solid #ffffff14;border-radius:50%}.vpn-orbit:before{inset:23px}.vpn-orbit:after{inset:52px}.vpn-orbit img{width:58%;height:58%;object-fit:contain;filter:drop-shadow(0 0 24px #36e58d4d)}.vpn-orbit span{position:absolute;bottom:47px;color:var(--red);font-size:9px;letter-spacing:.35em}.download-grid{width:min(1180px,100%);margin:auto;display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.platform-card{display:flex;flex-direction:column;min-height:330px;padding:30px;border:1px solid #303034;border-radius:20px;background:#131315}.platform-card.android-card,.platform-card.windows-card{background:linear-gradient(150deg,#291417,#131315 52%);border-color:#653037}.platform-label{color:var(--red);font-size:10px;letter-spacing:.18em}.platform-card h2{font-size:23px;margin:16px 0 12px}.platform-card p,.platform-card li{color:#a5a5aa;font-size:14px;line-height:1.6}.platform-card ol{padding-left:19px;margin:2px 0 25px}.platform-card p{flex:1}.platform-card small{display:block;color:#73737a;font-size:11px;margin-top:13px;text-align:center}.primary-action,.secondary-action{display:block;margin-top:auto;padding:14px 18px;border-radius:10px;text-align:center;font-size:13px;font-weight:700}.primary-action{background:var(--red);color:#fff}.secondary-action{border:1px solid #44444a}.desktop-device-manager{width:min(1180px,100%);margin:70px auto 0}.desktop-device-manager .devices-panel{width:100%}
.account-page{width:min(920px,100%);margin:auto}.compact-devices{width:100%}.compact-devices .devices-heading{align-items:center;padding-bottom:15px}.compact-devices .devices-heading h2{font-size:22px;margin:5px 0 0}.compact-devices .devices-heading strong{font-size:14px}.compact-devices .device-card{display:grid;grid-template-columns:38px minmax(0,1fr) auto auto;gap:13px;padding:14px 0}.device-icon{display:grid;place-items:center;width:36px;height:36px;border:1px solid #3e3e43;border-radius:10px;background:#19191c;color:var(--red);font-size:12px;font-weight:800}.device-info{min-width:0}.device-info h3{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;margin:0 0 4px}.device-info p{font-size:11px;margin:0}.compact-devices .device-status{font-size:11px;padding:6px 9px;border-radius:100px;background:#1c1c1f}.device-actions{display:flex;align-items:center;gap:5px}.device-actions form{margin:0}.text-button,.delete-button{padding:7px 9px;border:0;background:transparent;cursor:pointer;font-size:11px}.text-button{color:#aaaab0}.delete-button{color:#ee8585}.compact-form{display:grid;grid-template-columns:1.2fr 1fr 1.5fr auto;align-items:end;gap:10px;margin-top:24px;padding:18px;border-radius:14px}.compact-form h2{font-size:17px;margin:5px 0 0}.compact-form select,.compact-form input,.compact-form .submit{height:44px;margin:0}.compact-form .submit{width:auto;padding:0 20px}
@media(max-width:900px){.vpn-orbit{display:none}.download-grid{grid-template-columns:1fr}.platform-card{min-height:0}.home-vpn-card{min-height:330px}.mini-shield{flex-basis:150px}.compact-form{grid-template-columns:1fr 1fr}.compact-form>div{grid-column:1/-1}.compact-form .submit{width:100%}}
@media(max-width:600px){.home-page{min-height:calc(100vh - 184px);padding:24px 18px 45px}.home-vpn-card{min-height:430px;align-items:flex-start;padding:38px 28px;border-radius:22px}.home-vpn-card h1{font-size:39px}.home-vpn-card p{font-size:14px}.mini-shield{position:absolute;right:-35px;bottom:-45px;width:155px;opacity:.6}.vpn-page{padding:40px 18px 70px}.vpn-hero{padding:18px 0 45px}.vpn-hero h1{font-size:45px}.vpn-hero p{font-size:15px}.compact-devices .device-card{grid-template-columns:36px minmax(0,1fr) auto}.compact-devices .device-status{grid-column:2}.device-actions{grid-column:3;grid-row:1/3;align-self:center;flex-direction:column;align-items:flex-end}.compact-form{grid-template-columns:1fr}.compact-form>div{grid-column:auto}.account-page{padding:32px 18px 60px}}
.buy-button{display:inline-flex;align-items:center;gap:24px;margin-top:30px;padding:18px 24px;border:1px solid #ff6b6b;border-radius:15px;background:linear-gradient(135deg,#f04747,#1251b8);box-shadow:0 14px 38px #d92f3a35,inset 0 1px #ffffff38;font-size:15px;font-weight:750;transition:transform .18s ease,box-shadow .18s ease}.buy-button:hover{transform:translateY(-2px);box-shadow:0 18px 46px #d92f3a52,inset 0 1px #ffffff38}.buy-button strong{display:flex;align-items:baseline;gap:5px;padding-left:22px;border-left:1px solid #ffffff42;font-size:20px}.buy-button small{font-size:10px;font-weight:500;opacity:.78}.subscription-badge{display:inline-block;margin-top:25px;padding:10px 14px;border:1px solid #315b3e;border-radius:100px;color:#7ed69a;font-size:12px}.primary-action.locked{background:#29292d;color:#aaa}.subscription-strip{display:flex;align-items:center;gap:12px;margin-bottom:22px;padding:13px 16px;border:1px solid #303034;border-radius:12px;background:#131315;font-size:12px}.subscription-strip span{color:#929299}.subscription-strip strong{color:#7ed69a}.subscription-strip strong.inactive{color:#e97b7b}.subscription-strip a{margin-left:auto;color:#fff;background:var(--red);padding:8px 11px;border-radius:7px}.subscription-card .price{font-size:38px;font-weight:800;margin:22px 0 12px}.subscription-card .price small{font-size:13px;color:var(--muted);font-weight:400}.subscription-card>p{color:var(--muted);line-height:1.55}.subscription-ok{color:#7ed69a!important}@media(max-width:600px){.subscription-strip{align-items:flex-start;flex-wrap:wrap}.subscription-strip a{width:100%;margin-left:0;text-align:center}}

/* Interactive Apple setup guide */
.setup-guide{width:min(1180px,100%);margin:80px auto 0}.guide-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:35px;margin-bottom:27px}.guide-heading>div:first-child{max-width:680px}.guide-heading h2{font-size:clamp(30px,4vw,48px);letter-spacing:-.04em;margin:10px 0 13px}.guide-heading p{color:#97979d;line-height:1.6;margin:0}.guide-platforms{display:flex;padding:5px;border:1px solid #333339;border-radius:14px;background:#111113}.guide-platforms button{display:flex;align-items:center;gap:9px;min-width:118px;justify-content:center;border:0;border-radius:9px;padding:12px 17px;background:transparent;color:#85858c;cursor:pointer}.guide-platforms button[aria-selected="true"]{background:#29292d;color:#fff;box-shadow:0 6px 18px #0007}.platform-glyph{display:block;position:relative;width:15px;height:19px;border:1.5px solid currentColor;border-radius:4px}.phone-glyph:after{content:"";position:absolute;bottom:2px;left:5px;width:3px;height:1px;background:currentColor}.mac-glyph{width:21px;height:15px;border-radius:2px}.mac-glyph:after{content:"";position:absolute;left:3px;right:3px;bottom:-5px;height:2px;border-top:1.5px solid currentColor}
.guide-shell{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);min-height:570px;overflow:hidden;border:1px solid #303035;border-radius:26px;background:linear-gradient(145deg,#171719,#101012);box-shadow:0 30px 80px #0005}.guide-copy{display:flex;flex-direction:column;padding:44px 50px}.guide-progress{display:flex;align-items:center;gap:16px;color:#898990;font-size:11px;letter-spacing:.08em}.guide-progress>div{height:2px;flex:1;overflow:hidden;background:#343438}.guide-progress i{display:block;height:100%;background:var(--red);transition:width .28s ease}.guide-step{position:relative;margin:auto 0;padding:38px 0}.guide-step-number{display:block;color:#5b5b62;font-size:13px;font-weight:700;letter-spacing:.14em;margin-bottom:18px}.guide-step h3{max-width:520px;font-size:clamp(27px,3vw,39px);letter-spacing:-.035em;margin:0 0 17px}.guide-step>p{max-width:570px;min-height:75px;color:#aaaab0;font-size:16px;line-height:1.65;margin:0}.guide-tip{display:flex;gap:14px;max-width:570px;margin-top:25px;padding:16px;border-left:2px solid var(--red);background:#ffffff05;color:#96969c;font-size:12px;line-height:1.5}.guide-tip b{color:#e9e9eb;white-space:nowrap}.guide-controls{display:flex;gap:10px}.guide-controls button{min-width:120px;padding:13px 18px;border-radius:10px;cursor:pointer}.guide-back{border:1px solid #39393e;background:transparent;color:#aaaab0}.guide-back:disabled{opacity:.35;cursor:default}.guide-next{border:1px solid var(--red);background:var(--red);color:#fff;font-weight:700}.guide-next span{margin-left:9px}.guide-dots{display:flex;gap:7px;margin-top:24px}.guide-dots button{width:7px;height:7px;padding:0;border:0;border-radius:50%;background:#44444a;cursor:pointer}.guide-dots button[aria-current="step"]{width:24px;border-radius:5px;background:var(--red)}
.guide-visual{display:grid;place-items:center;position:relative;overflow:hidden;padding:38px;background:radial-gradient(circle at center,#36e58d24,transparent 52%),#0c0c0e}.guide-visual:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#ffffff07 1px,transparent 1px),linear-gradient(90deg,#ffffff07 1px,transparent 1px);background-size:28px 28px;mask-image:linear-gradient(to bottom,#000,transparent)}.iphone-preview,.mac-preview{position:relative;z-index:1}.phone-frame{position:relative;width:245px;height:500px;overflow:hidden;border:6px solid #303036;border-radius:39px;background:#f2f2f7;color:#161618;box-shadow:0 30px 70px #000b,0 0 0 1px #777}.phone-island{position:absolute;z-index:2;top:10px;left:50%;width:82px;height:22px;transform:translateX(-50%);border-radius:15px;background:#08080a}.screen-status{display:flex;justify-content:space-between;padding:16px 18px 5px;font-size:9px;font-weight:700}.screen-content{height:438px;padding:25px 13px 18px}.phone-home{position:absolute;bottom:7px;left:50%;width:76px;height:3px;transform:translateX(-50%);border-radius:3px;background:#18181a}.mac-preview{width:min(430px,100%)}.mac-frame{overflow:hidden;aspect-ratio:1.48;border:6px solid #303036;border-radius:13px;background:#ececf0;color:#171719;box-shadow:0 30px 70px #000b}.mac-toolbar{display:flex;align-items:center;gap:6px;height:26px;padding:0 10px;background:#dadade;font-size:8px}.mac-toolbar i{width:7px;height:7px;border-radius:50%;background:#ff5f57}.mac-toolbar i:nth-child(2){background:#febc2e}.mac-toolbar i:nth-child(3){background:#28c840}.mac-toolbar span{margin-left:auto;margin-right:auto;color:#65656a}.mac-content{height:calc(100% - 26px);padding:30px 38px}.mac-stand{width:80px;height:30px;margin:auto;border-bottom:6px solid #494950;background:linear-gradient(90deg,transparent,#4a4a50,transparent)}
.mock-app,.mock-settings{height:100%}.mock-app small,.mock-settings>small{font-size:7px;letter-spacing:.12em;color:#36e58d}.mock-app h4,.mock-settings h4{font-size:18px;margin:10px 0 16px}.mock-field{padding:10px;margin:7px 0;border:1px solid #d3d3d7;border-radius:7px;background:#fff;color:#64646a;font-size:10px}.mock-red,.mock-blue{padding:11px;margin-top:12px;border-radius:7px;background:#36e58d;color:#fff;text-align:center;font-size:10px;font-weight:700}.mock-blue{background:#1677ff}.mock-code{margin-top:14px;padding:10px;border:1px solid #d4d4d8;border-radius:7px;text-align:center}.mock-code small{display:block;color:#777;font-size:6px}.mock-code b{font-size:17px;letter-spacing:.15em}.mock-settings>p{color:#69696e;font-size:9px;line-height:1.5}.mock-notice{display:flex;flex-direction:column;gap:3px;padding:11px;margin-bottom:15px;border-radius:8px;background:#fff;color:#1874d2;font-size:9px}.mock-notice span{color:#888}.mock-row,.mock-connect{display:flex;align-items:center;justify-content:space-between;padding:11px 9px;border-bottom:1px solid #ddd;font-size:9px;background:#fff}.mock-row span{color:#8b8b90}.mock-row i,.mock-connect i{width:25px;height:14px;border-radius:10px;background:#c7c7cc}.mock-connect{margin-top:20px;border:0;border-radius:8px}.mock-connect span{display:flex;flex-direction:column;gap:3px}.mock-connect small{color:#888}.mock-connect i.on{position:relative;background:#35c759}.mock-connect i.on:after{content:"";position:absolute;right:2px;top:2px;width:10px;height:10px;border-radius:50%;background:#fff}.mock-profile-icon{display:grid;place-items:center;width:52px;height:52px;margin:25px auto;border-radius:13px;background:#151518;color:#fff;font-size:25px;font-weight:900}.mock-success{margin-top:14px;color:#299a49;text-align:center;font-size:9px}.guide-noscript{padding:15px;background:#351d1d;color:#ffb7b7}
@media(max-width:900px){.guide-heading{align-items:flex-start;flex-direction:column}.guide-shell{grid-template-columns:1fr}.guide-copy{min-height:520px}.guide-visual{min-height:530px}}
@media(max-width:600px){.setup-guide{margin-top:55px}.guide-heading h2{font-size:32px}.guide-platforms{width:100%}.guide-platforms button{flex:1;min-width:0}.guide-shell{border-radius:20px}.guide-copy{min-height:540px;padding:30px 22px}.guide-step{padding:32px 0}.guide-step>p{font-size:14px}.guide-tip{flex-direction:column;gap:5px}.guide-controls button{min-width:0;flex:1}.guide-visual{min-height:480px;padding:25px}.phone-frame{width:220px;height:450px}.screen-content{height:388px}.mac-preview{width:100%}.mac-content{padding:22px}}
.telegram-login{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:26px;padding:16px;border-radius:11px;background:#229ed9;color:#fff;font-weight:700}.telegram-login:hover{background:#31a9df}.telegram-login span{font-size:20px}.telegram-wait{display:flex;align-items:center;justify-content:center;gap:9px;margin-top:18px;color:var(--muted);font-size:12px}.telegram-wait i{width:7px;height:7px;border-radius:50%;background:#45c77a;box-shadow:0 0 0 5px #45c77a18}
.auth-required>.topbar,.auth-required>main,.auth-required>footer{visibility:hidden}.auth-gate .modal-backdrop{background:#090909;backdrop-filter:none}.auth-gate .modal{border-radius:18px}.seed-code-input{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em;text-transform:uppercase}.auth-divider{display:flex;align-items:center;gap:14px;margin:22px 0;color:var(--muted);font-size:12px}.auth-divider:before,.auth-divider:after{content:"";height:1px;background:var(--line);flex:1}.seed-generate{width:100%;padding:14px;border:1px solid var(--line);border-radius:8px;background:transparent;color:var(--text);font-weight:700;cursor:pointer}.seed-generate:hover{border-color:var(--red)}
.seed-ready-page{min-height:100vh;background:var(--bg);display:grid;place-items:center;padding:20px}.seed-ready-shell{width:min(590px,100%)}.seed-ready-card{background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:34px}.seed-ready-card>p{color:var(--muted);line-height:1.55}.seed-code{display:flex;flex-direction:column;align-items:center;width:100%;margin:26px 0 18px;padding:22px 12px;border:1px solid var(--red);border-radius:14px;background:#36e58d10;color:var(--text);cursor:pointer}.seed-code strong{font:700 clamp(17px,4vw,24px)/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.05em}.seed-code small{margin-top:8px;color:var(--muted)}.seed-warning{display:flex;gap:12px;padding:15px;border-radius:12px;background:#302510;color:#e8d7a0;font-size:13px;line-height:1.45}.seed-check{display:flex;align-items:flex-start;gap:10px;line-height:1.45}.seed-check input{width:18px;margin:2px 0 0;accent-color:var(--red)}
.page-heading{margin:0 0 28px}.page-heading h1{font-size:clamp(36px,5vw,58px);margin:8px 0}.page-heading p{max-width:680px;color:var(--muted);line-height:1.6}.devices-cta{width:min(1180px,100%);margin:70px auto 0;display:flex;align-items:center;justify-content:space-between;gap:28px;padding:28px 32px;border:1px solid #303034;border-radius:20px;background:#131315}.devices-cta h2{margin:8px 0}.devices-cta p{color:var(--muted);margin:0}.devices-cta .primary-action{flex:0 0 auto;margin:0;min-width:190px}
.realistic .mock-caption{text-align:center;font-size:9px;color:#73737a}.ios-settings{height:100%;padding:7px 7px 18px;background:#f2f2f7;color:#111;font-family:-apple-system,BlinkMacSystemFont,sans-serif}.ios-nav{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;min-height:42px;color:#1475e5;font-size:8px}.ios-nav b{color:#111;text-align:center;font-size:10px}.ios-nav strong{justify-self:end;font-size:8px}.ios-settings section{margin:14px 0}.ios-settings section>small{display:block;margin:0 8px 5px;color:#777;font-size:6px}.ios-row{display:flex;align-items:center;justify-content:space-between;min-height:39px;padding:7px 10px;background:#fff;border-bottom:1px solid #e5e5ea;font-size:8px}.ios-row:first-of-type{border-radius:8px 8px 0 0}.ios-row:last-of-type{border-radius:0 0 8px 8px}.ios-row:only-of-type{border-radius:8px}.ios-row em{color:#8e8e93;font-style:normal}.ios-row span{display:flex;align-items:center;gap:8px}.ios-row.selected{box-shadow:0 0 0 2px #1475e526}.profile-badge{display:grid;place-items:center;width:21px;height:21px;border-radius:6px;background:linear-gradient(145deg,#1c1c20,#36e58d);color:#fff;font-style:normal;font-weight:800}.profile-badge.large{width:48px;height:48px;border-radius:12px;font-size:22px}.profile-hero{display:flex;flex-direction:column;align-items:center;gap:6px;padding:20px 8px 13px;text-align:center}.profile-hero>b{font-size:12px}.profile-hero>span{font-size:7px;color:#777}.mac-settings-real{display:grid;grid-template-columns:40% 60%;height:100%;overflow:hidden;border-radius:9px;background:#ececef;color:#1e1e20;font-family:-apple-system,BlinkMacSystemFont,sans-serif}.mac-settings-real aside{padding:10px 7px;background:#dddde2;border-right:1px solid #c8c8cc}.mac-settings-real aside>div{margin:2px 0;padding:6px;border-radius:6px;font-size:7px}.mac-settings-real aside>div.active{background:#bdbdc3;font-weight:700}.mac-search{background:#f4f4f6;color:#6d6d72}.mac-profile-tile{display:flex!important;align-items:center;gap:6px;background:#fff;box-shadow:0 1px 4px #0002}.mac-profile-tile span,.mac-profile-row span{display:flex;flex-direction:column;gap:2px}.mac-profile-tile small,.mac-profile-row small{color:#777;font-size:5px}.mac-settings-real article{padding:18px 14px}.mac-settings-real article h4{font-size:13px;margin:0 0 11px}.mac-settings-real article>p{font-size:7px;line-height:1.5;color:#666}.mac-profile-row{display:flex;align-items:center;gap:7px;margin-top:7px;padding:9px;border-radius:8px;background:#fff;box-shadow:0 1px 4px #0002;font-size:7px}.mac-profile-row span{flex:1}.mac-profile-row em{color:#777;font-style:normal;font-size:6px}.mac-install-real{height:100%;padding:12px;background:#ececef;color:#1e1e20;border-radius:9px}.install-toolbar{text-align:center;font-size:10px}.install-actions{display:flex;justify-content:center;gap:7px}.install-actions button{padding:7px 12px;border:0;border-radius:6px;background:#1677e8;color:#fff;font-size:7px}.password-sheet{margin:13px auto 0;padding:9px;width:70%;border-radius:8px;background:#fff;text-align:center}.password-sheet small{font-size:5px;color:#777}.password-sheet div{margin-top:5px;letter-spacing:.35em}.mac-settings-real.single{display:block;padding:15px}.guide-visual .mock-connect{color:#111}.guide-visual .mock-success{font-weight:700}
@media(max-width:700px){.devices-cta{align-items:stretch;flex-direction:column}.devices-cta .primary-action{width:100%}.main-nav{gap:18px}.main-nav>a{font-size:12px}}
/* Ambient particle background */
.particle-field{position:fixed;inset:0;z-index:0;pointer-events:none;background:radial-gradient(circle at 18% 12%,rgba(47,125,255,.045),transparent 32%),radial-gradient(circle at 82% 76%,rgba(255,255,255,.025),transparent 34%)}
body>.topbar,body>main,body>footer{position:relative;z-index:1}.modal-layer{z-index:10}.auth-gate .modal-backdrop{background:rgba(9,9,9,.1);backdrop-filter:none}.modal,.seed-ready-card,.enroll-card,.platform-card,.home-vpn-card,.guide-shell,.devices-cta,.add-device,.subscription-strip,.projects-dropdown{background-color:var(--panel)}
@media(prefers-reduced-motion:reduce){.particle-field{opacity:.7}}
/* Keep project navigation above page cards and preserve hover into the menu. */
body>.topbar{position:relative;z-index:20}
body>main,body>footer{position:relative;z-index:1}
.projects-dropdown{top:100%;z-index:30;pointer-events:auto}
.projects-dropdown:before{content:"";position:absolute;left:0;right:0;top:-12px;height:12px}
/* Payment result pages */
.payment-result-page{min-height:100vh;background:#090909}.payment-result-shell{position:relative;z-index:1;min-height:100vh;display:grid;place-items:center;padding:28px}.payment-result-card{width:min(520px,100%);padding:42px 42px 36px;border:1px solid #343438;border-radius:26px;background:#111113;box-shadow:0 30px 100px #000b;text-align:center}.payment-result-logo{width:58px;height:58px;object-fit:contain;margin-bottom:20px;filter:drop-shadow(0 0 18px #36e58d55)}.payment-result-status{display:grid;place-items:center;width:58px;height:58px;margin:20px auto 16px;border:1px solid currentColor;border-radius:50%;font-size:30px;font-weight:700}.payment-result-card.is-success .payment-result-status{color:#4fd587;box-shadow:0 0 30px #4fd58725}.payment-result-card.is-failure .payment-result-status{color:#36e58d;box-shadow:0 0 30px #36e58d25}.payment-result-card h1{margin:0 0 14px;font-size:clamp(31px,7vw,45px);line-height:1.05}.payment-result-card p{margin:0 auto 27px;max-width:410px;color:#a7a7ad;font-size:15px;line-height:1.65}.payment-result-primary,.payment-result-secondary{display:block;border-radius:12px;padding:15px 18px;font-size:14px;font-weight:700}.payment-result-primary{background:#36e58d;color:#fff}.payment-result-secondary{margin-top:9px;border:1px solid #3b3b40;color:#d0d0d4}.payment-result-card small{display:block;margin-top:24px;color:#68686f;font-size:11px;letter-spacing:.06em}@media(max-width:600px){.payment-result-shell{padding:16px}.payment-result-card{padding:34px 23px 28px;border-radius:22px}}
/* Animated planetary systems on home and VPN project */
.planet-system{isolation:isolate;overflow:visible}.planet-system:before,.planet-system:after,.mini-shield.planet-system:after{content:none}.planet-system img{position:relative;z-index:3;filter:drop-shadow(0 0 17px #36e58d80) drop-shadow(0 0 35px #36e58d35)}.planet-ring{position:absolute;z-index:4;left:50%;top:50%;display:block;width:112%;height:36%;border:1px solid #ff62697d;border-radius:50%;box-shadow:0 0 13px #36e58d24,inset 0 0 10px #36e58d17;transform:translate(-50%,-50%) rotate(-17deg)}.planet-ring b{position:absolute;inset:-1px;display:block;border-radius:50%;animation:planet-dot-orbit 5.2s linear infinite}.planet-ring b:after{content:"";position:absolute;right:-5px;top:50%;width:9px;height:9px;margin-top:-4px;border-radius:50%;background:#ff4a53;box-shadow:0 0 7px #fff,0 0 17px #36e58d}.planet-ring.ring-two{z-index:2;width:94%;height:54%;border-color:#ffffff35;transform:translate(-50%,-50%) rotate(42deg)}.planet-ring.ring-two b{animation-duration:7.4s;animation-direction:reverse;animation-delay:-2.1s}.planet-ring.ring-two b:after{right:auto;left:-4px;width:7px;height:7px;background:#f7a0a4;box-shadow:0 0 8px #36e58d}.planet-ring.ring-three{z-index:4;width:126%;height:62%;border-color:#36e58d3b;transform:translate(-50%,-50%) rotate(-58deg)}.planet-ring.ring-three b{animation-duration:9.1s;animation-delay:-4s}.planet-ring.ring-three b:after{width:5px;height:5px;background:#fff;box-shadow:0 0 9px #fff,0 0 17px #36e58d}.mini-shield.planet-system,.vpn-orbit.planet-system{border-color:#71363d55;background:radial-gradient(circle,#36e58d12 0,transparent 67%)}.mini-shield.planet-system img{width:60%;height:60%}.vpn-orbit.planet-system img{width:52%;height:52%}@keyframes planet-dot-orbit{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.planet-ring b{animation:none}}
/* Pricing and checkout */
.pricing-page{position:relative;z-index:1;min-height:calc(100vh - 151px);padding:72px 5% 90px}.pricing-heading{max-width:790px;margin:0 auto 38px;text-align:center}.pricing-heading h1{margin:11px 0 16px;font-size:clamp(37px,6vw,65px);letter-spacing:-.055em;line-height:1}.pricing-heading p{max-width:670px;margin:auto;color:#a1a1a7;font-size:16px;line-height:1.6}.pricing-form{width:min(1120px,100%);margin:auto}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.price-card{position:relative;display:flex;min-height:390px;overflow:hidden;flex-direction:column;padding:31px;border:1px solid #343439;border-radius:23px;background:linear-gradient(155deg,#18181b,#101012);box-shadow:0 25px 70px #0004;cursor:pointer;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.price-card:hover{transform:translateY(-5px);border-color:#5e3a3f}.price-card:has(input:checked){border-color:#36e58d;box-shadow:0 28px 75px #0007,0 0 0 1px #36e58d35,0 0 45px #36e58d1b}.price-card.is-popular{background:radial-gradient(circle at 90% 7%,#76252d55,transparent 38%),linear-gradient(155deg,#201719,#101012)}.price-card input{position:absolute;opacity:0;pointer-events:none}.price-check{position:absolute;top:25px;right:25px;width:21px;height:21px;border:1px solid #55555c;border-radius:50%;transition:.2s}.price-card:has(input:checked) .price-check{border:6px solid #36e58d;background:#fff}.price-ribbon{position:absolute;top:26px;right:60px;color:#ff777e;font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.price-period{color:#d0d0d4;font-size:17px;font-weight:700}.price-card strong{margin:27px 0 7px;font-size:clamp(40px,5vw,61px);line-height:1;letter-spacing:-.055em}.price-card strong small{font-size:18px;color:#b8b8bd}.price-caption{margin-bottom:auto;color:#85858d;font-size:13px}.price-feature{display:flex;align-items:center;gap:9px;margin-top:13px;color:#b8b8be;font-size:13px}.price-feature:before{content:"✓";display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:#36e58d1c;color:#f45b63;font-size:10px}.pricing-action{display:flex;flex-direction:column;align-items:center;margin-top:34px}.pricing-action button{min-width:min(390px,100%);padding:18px 25px;border:1px solid #ff6a70;border-radius:14px;background:linear-gradient(135deg,#2f7dff,#1251b8);box-shadow:0 17px 42px #d92f3a38;color:#fff;font-size:16px;font-weight:800;cursor:pointer}.pricing-action button span{margin-left:13px}.pricing-action small{margin-top:11px;color:#68686f}.checkout-page{min-height:100vh;background:#090909}.checkout-shell{position:relative;z-index:1;min-height:100vh;display:grid;place-items:center;padding:24px}.checkout-card{width:min(560px,100%);min-height:620px;padding:31px 38px;border:1px solid #343438;border-radius:26px;background:#111113;box-shadow:0 30px 100px #000b;text-align:center}.checkout-card>img{display:block;width:58px;height:58px;object-fit:contain;margin:46px auto 18px;filter:drop-shadow(0 0 18px #36e58d60)}.checkout-back{display:block;color:#85858c;font-size:12px;text-align:left}.checkout-card h1{margin:13px 0 4px;font-size:39px}.checkout-price{color:#fff;font-size:52px;font-weight:850;letter-spacing:-.05em}.checkout-price small{font-size:17px;color:#aaa}.checkout-empty{min-height:220px;margin-top:34px;border:1px dashed #2e2e33;border-radius:17px;background:#0d0d0f}@media(max-width:800px){.pricing-grid{grid-template-columns:1fr}.price-card{min-height:310px}.pricing-page{padding:48px 18px 65px}}@media(max-width:600px){.checkout-card{min-height:560px;padding:25px 21px}.main-nav{gap:12px}.main-nav>a,.projects-menu button{font-size:11px}}
/* Standalone installation instructions and consolidated devices hub */
.instructions-page{position:relative;z-index:1;min-height:calc(100vh - 151px);padding:70px 5% 95px}.instruction-page-heading{width:min(1180px,100%);margin:0 auto 34px}.instruction-page-heading h1{margin:10px 0 14px;font-size:clamp(39px,6vw,65px);letter-spacing:-.05em}.instruction-page-heading p{max-width:680px;margin:0;color:#9c9ca3;line-height:1.6}.instructions-page .setup-guide{margin-top:0}.devices-hub .devices-account{margin:0 auto 66px;padding:42px 0 0}.devices-hub>.download-grid{margin-top:20px}@media(max-width:600px){.instructions-page{padding:45px 18px 70px}.devices-hub .devices-account{padding-top:25px;margin-bottom:48px}}
/* Guided setup shown immediately after a device profile is created. */
.enrollment-flow{position:relative;z-index:1;min-height:100vh;padding:55px 5% 85px}.enrollment-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;width:min(1180px,100%);margin:0 auto}.enrollment-heading h1{margin:9px 0 12px;font-size:clamp(38px,6vw,64px);letter-spacing:-.05em}.enrollment-heading p{max-width:690px;margin:0;color:#9c9ca3;line-height:1.6}.enrollment-exit{flex:0 0 auto;padding:12px 16px;border:1px solid #38383d;border-radius:10px;color:#aaaab0;font-size:13px}.enrollment-guide{margin-top:42px}.enrollment-guide-heading{align-items:center}.enrollment-platform{display:flex;align-items:center;gap:11px;padding:13px 17px;border:1px solid #3a3a40;border-radius:12px;background:#171719;color:#eee;font-size:13px;font-weight:700}.enrollment-action{margin:-8px 0 26px;padding:14px;border:1px solid #3b3032;border-radius:14px;background:#160f10}.enrollment-action[hidden]{display:none}.enrollment-action .download-button{margin:0 0 12px;border-radius:9px}.enrollment-action .install-code{padding:14px;border-radius:9px;background:#0e0e10}.enrollment-action .install-code button{display:block;width:100%;padding:0;border:0;background:transparent;color:inherit;cursor:pointer}.enrollment-action .install-code strong{font-size:27px}.enrollment-action.is-install-reminder .download-button{display:none}.enrollment-action.is-install-reminder{border-color:#554626;background:#18150e}.enrollment-guide .guide-copy{min-height:620px}@media(max-width:700px){.enrollment-flow{padding:35px 18px 60px}.enrollment-heading{align-items:flex-start;flex-direction:column}.enrollment-exit{align-self:flex-start}.enrollment-guide{margin-top:34px}.enrollment-guide .guide-copy{min-height:650px}}
/* YooKassa checkout */
.checkout-summary{display:grid;gap:0;margin:34px 0 24px;border:1px solid #303035;border-radius:15px;background:#0d0d0f;text-align:left}.checkout-summary span{padding:15px 18px;border-bottom:1px solid #29292e;color:#b9b9bf;font-size:13px}.checkout-summary span:last-child{border-bottom:0}.checkout-summary span:before{content:"✓";margin-right:10px;color:#36e58d}.checkout-pay{display:block;width:100%;box-sizing:border-box;padding:17px 20px;border:1px solid #ff676e;border-radius:13px;background:linear-gradient(135deg,#2f7dff,#1251b8);box-shadow:0 16px 40px #d92f3a32;color:#fff;font-size:15px;font-weight:800;cursor:pointer}.checkout-pay span{margin-left:10px}.checkout-test-note{display:block;margin-top:14px;color:#77777e;font-size:11px}.checkout-unavailable{margin-top:28px;padding:18px;border:1px solid #51363a;border-radius:13px;background:#1b1113;color:#d7aeb1;font-size:13px}
.checkout-autorenew{display:flex;flex-direction:column;gap:4px;margin-top:11px;padding:14px 16px;border:1px solid #38383e;border-radius:13px;background:#171719;color:#ddd;text-align:left}.checkout-autorenew b{font-size:13px}.checkout-autorenew span{color:#85858c;font-size:11px;line-height:1.45}.subscription-strip form{margin-left:auto}.autorenew-disable{padding:9px 11px;border:1px solid #48484e;border-radius:8px;background:transparent;color:#aaaab0;font-size:11px;cursor:pointer}

/* PoofProxy brand system */
body{background:radial-gradient(circle at 78% 8%,#0a2e54 0,transparent 34%),radial-gradient(circle at 12% 72%,#06372d 0,transparent 28%),#03070d;background-attachment:fixed}
.topbar{background:rgba(3,8,15,.82);border-color:#163550;backdrop-filter:blur(18px);position:relative;z-index:6}.brand{font-weight:800;letter-spacing:.045em}.brand b{color:var(--green)}.brand-logo{width:52px;height:52px;filter:drop-shadow(0 0 12px #36e58d66)}
.main-nav>a[aria-current="page"]{border-color:var(--green)}.nav-primary,.primary-action,.submit,.pricing-action button,.buy-button{border-color:var(--green)!important;background:linear-gradient(135deg,#2f7dff,#0876b9 56%,#19b978)!important;box-shadow:0 13px 34px #1278cf35!important}.nav-primary:hover,.primary-action:hover,.submit:hover{filter:brightness(1.12)}
.home-vpn-card,.vpn-hero,.price-card,.platform-card,.setup-guide,.account-page,.modal,.subscription-strip,.device-card{background:linear-gradient(145deg,rgba(9,24,40,.96),rgba(4,12,21,.94));border-color:#1c4665!important;border-radius:24px!important;box-shadow:0 28px 80px #0008,0 0 0 1px #2f7dff0d inset}
.home-vpn-card:before,.vpn-hero:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(120deg,#2f7dff17,transparent 42%,#36e58d10)}
.eyebrow,.platform-label,.card-link b,footer b{color:var(--green)!important}.home-vpn-card h1,.vpn-hero h1,.pricing-heading h1{background:linear-gradient(90deg,#fff,#84bcff 55%,#62f2aa);-webkit-background-clip:text;background-clip:text;color:transparent}
.planet-system{border-radius:50%;background:radial-gradient(circle,#123a5b66,transparent 68%)}.planet-system img{object-fit:contain!important;filter:drop-shadow(0 0 22px #36e58d55);animation:poofFloat 3.2s ease-in-out infinite}.planet-ring{border-color:#2f7dff66!important}.planet-ring b{background:var(--green)!important;box-shadow:0 0 16px var(--green)}
.price-card:has(input:checked){border-color:var(--green)!important;box-shadow:0 24px 70px #2f7dff22,0 0 36px #36e58d14}.price-ribbon{background:var(--green)!important;color:#03120b!important}
input,select{background:#04101b!important;border-color:#1d4766!important}input:focus,select:focus{border-color:var(--green)!important;box-shadow:0 0 0 3px #36e58d20!important}
.modal:before{background:linear-gradient(90deg,var(--blue),var(--green));width:92px}.particles-canvas{opacity:.9}
@keyframes poofFloat{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-8px) scale(1.025)}}
@media(max-width:700px){.brand-logo{width:43px;height:43px}.home-vpn-card,.vpn-hero{border-radius:20px!important}}