:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-synthesis:none;color:#e9f5ff;background:#051124;--cyan:#0ebbea;--midnight:#051124;--muted:#69788e;--ink:#14253f;--card:#fff}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(ellipse 38% 43% at 1% 18%,#12457f 0%,transparent 100%),radial-gradient(ellipse 38% 40% at 95% 80%,#0c3967 0%,transparent 100%),#051124}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.65}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #00a8ea;outline-offset:3px}[hidden]{display:none!important}img,svg{display:block;max-width:100%}.signup-header{position:relative;z-index:5;border-bottom:1px solid #ffffff19;background:#081a32b8;backdrop-filter:blur(20px)}.header-wrap{height:83px;max-width:1440px;padding:0 48px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:20px}.logo{display:flex;align-items:center;gap:11px;font-size:26px;font-weight:900;letter-spacing:-1.5px;white-space:nowrap}.logo>span>span{color:#24ccf8}.back-link{font-size:13px;font-weight:650;color:#a6c1dd;display:flex;gap:9px;align-items:center}.back-link:hover{color:#fff}.onboarding-layout{max-width:1440px;margin:0 auto;padding:42px 48px 45px;display:grid;grid-template-columns:minmax(330px,.82fr) minmax(540px,1.18fr);gap:40px;align-items:start}.story-panel{position:sticky;top:24px;border:1px solid #58b6ff30;overflow:hidden;background:linear-gradient(165deg,#0e3057,#07162c 75%);border-radius:28px;box-shadow:0 22px 80px #02081290}.story-visual{position:relative;height:232px;overflow:hidden;background:#164d7d}.story-visual img{width:100%;height:100%;object-fit:cover;object-position:50% 52%}.story-visual-overlay{position:absolute;inset:0;background:linear-gradient(0deg,#0b2948 1%,transparent 60%),linear-gradient(90deg,#07172955,transparent)}.hero-label{position:absolute;left:30px;top:24px;display:flex;align-items:center;gap:8px;color:#dff8ff;font-size:10px;letter-spacing:.125em;font-weight:800;background:#091d39ae;border:1px solid #b7eaff45;border-radius:50px;padding:9px 12px;backdrop-filter:blur(9px)}.signal-dot{width:7px;height:7px;border-radius:50%;background:#2df0c1;box-shadow:0 0 10px #2df0c1}.story-content{padding:25px 37px 35px}.section-eyebrow{margin:0 0 12px;color:#48ddff;font-size:10px;letter-spacing:.2em;font-weight:850}.story-content h1{font-size:clamp(32px,3.15vw,48px);font-weight:850;letter-spacing:-.055em;line-height:1.1;margin:0 0 15px}.story-content h1 span{background:linear-gradient(90deg,#54e6ff,#54b6ff,#63ffca);-webkit-background-clip:text;background-clip:text;color:transparent}.story-description{max-width:450px;margin:0;color:#b0c7df;font-size:14px;line-height:1.75}.story-steps{border-top:1px solid #ffffff27;margin-top:27px;padding-top:21px;display:grid;gap:19px}.story-step{display:flex;gap:14px;align-items:center}.step-icon{width:39px;height:39px;flex:0 0 39px;display:grid;place-items:center;border-radius:12px;font-size:12px;font-weight:900}.step-icon.blue{background:#1a58a1;color:#9be8ff}.step-icon.mint{background:#0b715e;color:#97ffe4}.step-icon.purple{background:#52458a;color:#e1bfff}.story-step strong{display:block;font-size:13px;color:#f7fbff;margin-bottom:3px}.story-step span{display:block;font-size:12px;color:#a1bad4}.side-note{display:flex;align-items:flex-start;gap:10px;margin-top:29px;border-radius:13px;border:1px solid #2b5d78;background:#0c2c45;padding:13px 14px;color:#a4c7d9;font-size:11px;line-height:1.55}.side-note svg,.bottom-small svg{width:17px;min-width:17px;height:17px;stroke:#48d8eb;stroke-width:1.8;fill:none;stroke-linejoin:round}.form-area{min-width:0}.form-shell{background:#fafdff;color:var(--ink);border-radius:27px;box-shadow:0 28px 90px #02091486;overflow:hidden;padding:37px clamp(25px,3.5vw,52px) 26px}.top-context{display:flex;align-items:center;gap:9px;color:#1785ae;font-size:10px;font-weight:850;letter-spacing:.12em}.context-icon{display:grid;place-items:center;background:#d7f7ff;color:#0576aa;border-radius:7px;width:25px;height:25px;font-size:18px}.context-right{margin-left:auto;color:#71849c;font-size:10px;letter-spacing:.07em}.form-intro{margin:23px 0 27px}.form-intro h2{font-size:clamp(27px,2.6vw,37px);font-weight:850;letter-spacing:-.047em;line-height:1.14;margin:0 0 10px}.form-intro p{margin:0;color:#6c7e92;font-size:14px}.progress{padding:0 0 26px;list-style:none;display:grid;grid-template-columns:repeat(4,1fr);margin:0 0 26px;border-bottom:1px solid #e6edf4}.progress li{position:relative;display:flex;align-items:center;flex-direction:column;gap:7px;color:#8290a4}.progress li:not(:last-child)::after{content:"";position:absolute;top:18px;left:calc(50% + 26px);right:calc(-50% + 26px);height:2px;background:#e5ebf4}.progress li.done::after{background:#10bcd8}.progress li>span{display:grid;place-items:center;width:36px;height:36px;border:1.5px solid #d6e1ec;border-radius:50%;font-size:13px;font-weight:800;background:#f6f9fb;color:#8190a2;position:relative;z-index:1}.progress li.active>span{border-color:#00b6e5;background:linear-gradient(130deg,#167dce,#14c9e8);color:#fff;box-shadow:0 5px 14px #00a9dc40}.progress li.done>span{background:#e2fcf5;border-color:#16c59d;color:#158d76}.progress li small{font-size:11px;font-weight:750}.progress li.active small{color:#147aa9}.progress li.done small{color:#239f87}.overline{font-weight:900;letter-spacing:.14em;color:#008dbd;font-size:10px}.step-title{margin-bottom:23px}.step-title h3{font-size:23px;letter-spacing:-.04em;margin:7px 0 6px;font-weight:850}.step-title p{margin:0;font-size:13px;color:#73859a;line-height:1.6}.field{margin-bottom:18px;min-width:0}.field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.field label,fieldset legend{display:block;font-size:12px;font-weight:800;color:#293f59;margin-bottom:8px}em{font-style:normal;color:#e85571}.field input,.field select{height:49px;border:1.5px solid #dfe7ef;background:#fff;border-radius:11px;width:100%;padding:0 15px;color:#122641;outline:none;font-size:13px;transition:border-color .2s,box-shadow .2s;min-width:0}.field input::placeholder{color:#a7b4c2}.field input:focus,.field select:focus,.slug-field:focus-within,.phone-input:focus-within,.password-input:focus-within{border-color:#12b9e6;box-shadow:0 0 0 3px #16b6e51a}.field input.invalid,.field select.invalid,.slug-field.invalid,.password-input.invalid,.phone-input.invalid{border-color:#e65b71;box-shadow:none}.helper{display:block;font-size:10px;color:#7c8ea2;line-height:1.5;margin-top:7px}.error{display:none;font-size:11px;color:#c02e4a;margin-top:6px;line-height:1.5}.error:not(:empty){display:block}.phone-input,.slug-field,.password-input{display:flex;align-items:center;border:1.5px solid #dfe7ef;border-radius:11px;height:49px;background:#fff;min-width:0;transition:box-shadow .2s,border-color .2s}.phone-input>span{border-right:1px solid #dfe7ef;font-size:12px;font-weight:800;color:#31465f;padding:0 12px;white-space:nowrap}.phone-input input,.slug-field input,.password-input input{box-shadow:none!important;border:0!important;height:46px;min-width:0;flex:1}.slug-prefix,.slug-suffix{font-size:11px;font-weight:750;color:#788ca2;white-space:nowrap}.slug-prefix{margin-left:13px}.slug-suffix{padding:0 14px 0 0}.password-toggle{border:0;background:none;color:#007fbd;font-weight:800;font-size:11px;padding:9px 12px}.strength{display:flex;align-items:center;gap:10px;margin-top:9px}.strength-track{width:70px;height:5px;overflow:hidden;border-radius:10px;background:#e8eef4}.strength-track span{display:block;height:100%;width:0;border-radius:inherit;background:#c6d0dc;transition:width .25s,background .25s}.strength>span{font-size:10px;color:#74869b}.choices-fieldset{border:0;padding:0;margin:0 0 22px;min-width:0}.choice-explainer{font-size:12px;color:#8a98a9;margin:0 0 11px}.choice-grid{display:grid;grid-template-columns:1fr;gap:9px}.choice-card{display:flex;align-items:center;gap:13px;border:1.5px solid #dfe8f1;border-radius:12px;background:#fff;min-height:69px;padding:13px 15px;cursor:pointer;position:relative}.choice-card:has(input:checked){border-color:#11b1db;background:#effbff;box-shadow:0 0 0 2px #11b1db1b}.choice-card:focus-within,.chip-choice:focus-within{outline:2px solid #12b5db;outline-offset:2px}.choice-card input,.chip-choice input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}.choice-icon{display:grid;place-items:center;background:#d9f3fc;width:37px;height:37px;border-radius:11px;flex:0 0 37px;color:#048dbe;font-size:23px;font-weight:900}.choice-card strong{display:block;font-size:13px;color:#1b334c}.choice-card small{display:block;color:#778ba2;font-size:11px;margin-top:3px}.choice-check{margin-left:auto;width:18px;height:18px;border:1.5px solid #cbd7e4;border-radius:50%;color:transparent;display:grid;place-items:center;font-size:12px}.choice-card:has(input:checked) .choice-check{background:#04b5d7;border-color:#04b5d7;color:#fff}.chip-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.chip-choice{position:relative;display:flex;align-items:center;cursor:pointer}.chip-choice span{display:flex;align-items:center;justify-content:center;min-height:43px;width:100%;text-align:center;border:1px solid #dfe9f2;border-radius:10px;background:#fff;color:#4b5e72;font-size:12px;font-weight:700;padding:8px}.chip-choice:has(input:checked) span{border-color:#08afd5;color:#076d95;background:#edfbff}.soft-note{display:flex;gap:10px;background:#edf7fc;border:1px solid #daedf9;border-radius:12px;padding:13px 14px;color:#316781;font-size:11px;margin-top:17px}.soft-note>span{font-size:17px}.soft-note p{margin:0;line-height:1.6}.review-box{border:1px solid #e2eaf2;border-radius:14px;background:#fff;padding:16px 17px;margin-bottom:12px}.review-heading{display:flex;justify-content:space-between;align-items:center;padding-bottom:9px;border-bottom:1px solid #eef2f7}.review-heading strong{font-size:13px}.review-heading button{border:0;background:none;color:#0789b6;font-weight:850;font-size:11px}.review-box dl{display:grid;gap:9px;margin:13px 0 0}.review-box dl>div{display:flex;align-items:start;justify-content:space-between;gap:17px}.review-box dt{color:#7a8da0;font-size:11px}.review-box dd{margin:0;text-align:right;max-width:68%;overflow-wrap:anywhere;color:#203851;font-size:12px;font-weight:750}.consent-check{display:flex;align-items:start;gap:11px;margin-top:19px;color:#344c64;font-size:12px;line-height:1.6;cursor:pointer}.consent-check input{width:18px;height:18px;margin:2px 0 0;accent-color:#098eb6;flex:0 0 18px}.consent-check.optional{margin-top:13px;color:#62788f}.form-actions{display:flex;justify-content:space-between;gap:12px;margin-top:30px}.primary-button,.secondary-button{min-height:48px;padding:12px 24px;border-radius:11px;font-size:13px;font-weight:850;display:flex;align-items:center;justify-content:center;gap:13px;transition:transform .15s,box-shadow .15s}.primary-button{background:linear-gradient(115deg,#0088d9,#09c7d4);border:1px solid #15c0eb;color:#fff;margin-left:auto;min-width:170px;box-shadow:0 10px 21px #00a0e327}.secondary-button{background:#f5f8fb;border:1px solid #dfe9f2;color:#304a62}.primary-button:hover,.secondary-button:hover{transform:translateY(-1px)}.bottom-small{display:flex;align-items:flex-start;gap:7px;font-size:10px;line-height:1.6;color:#8697a8;text-align:center;justify-content:center;margin:22px 0 0}.bottom-small svg{width:14px;min-width:14px;height:14px;stroke:#899eb0}.form-footer{text-align:center;color:#8eabc6;font-size:11px;margin:22px 0 0}.form-footer a{color:#58d1ff;font-weight:750}.form-notice{border-radius:12px;margin:-4px 0 25px;padding:14px 16px;font-size:12px;line-height:1.65}.form-notice.error-notice{background:#fff0f2;color:#912941;border:1px solid #f5bdc8}.form-notice.success-notice{background:#e8fbf4;color:#08774f;border:1px solid #a7ead2}.form-notice.info-notice{background:#e8f6ff;color:#145e88;border:1px solid #a7d5ef}@media(max-width:1170px){.onboarding-layout{grid-template-columns:minmax(270px,.85fr) minmax(490px,1.15fr);gap:22px;padding-inline:24px}.story-content{padding:25px}.story-visual{height:190px}.form-shell{padding:30px 26px}.field-grid{gap:12px}}@media(max-width:930px){.onboarding-layout{grid-template-columns:1fr;max-width:710px;padding-top:24px}.story-panel{position:static;display:grid;grid-template-columns:180px 1fr;border-radius:17px}.story-visual{height:100%;min-height:192px}.hero-label{display:none}.story-content{padding:22px}.story-content h1{font-size:27px}.story-description{font-size:12px}.story-steps,.side-note{display:none}.form-shell{border-radius:19px}.header-wrap{padding-inline:26px}}@media(max-width:630px){.onboarding-layout{padding:16px 12px 36px;gap:15px}.header-wrap{height:68px;padding:0 16px}.logo{font-size:21px}.logo svg{width:31px;height:31px}.back-link{font-size:11px}.story-panel{display:none}.form-shell{padding:25px 19px;border-radius:16px}.form-intro{margin:17px 0 22px}.form-intro h2{font-size:29px}.top-context{font-size:9px}.context-right{display:none}.field-grid{grid-template-columns:1fr;gap:0}.field{margin-bottom:17px}.progress{margin-bottom:23px}.progress li small{font-size:10px}.step-title h3{font-size:21px}.slug-prefix,.slug-suffix{font-size:10px}.slug-suffix{padding-right:9px}.slug-prefix{margin-left:7px}.slug-field input{padding:0 5px;font-size:12px}.primary-button,.secondary-button{padding:10px 16px;min-height:46px}.form-actions button:only-child{width:100%}.chip-grid{gap:7px}.chip-choice span{font-size:11px;padding:6px}.form-footer{font-size:10px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
/* VPNRadius live signup additions */
.progress.three{grid-template-columns:repeat(3,1fr)}
.slug-prefix{margin-left:13px;padding-right:2px}
.slug-state{font-size:11px;font-weight:800;padding:0 12px;white-space:nowrap}
.slug-state.ok{color:#0f9f7c}.slug-state.bad{color:#c02e4a}.slug-state.wait{color:#7c8ea2}
.fee-box{display:flex;justify-content:space-between;align-items:center;gap:12px;border:1px solid #cfe9f6;background:#f0faff;border-radius:14px;padding:14px 16px;margin:6px 0 4px}
.fee-box strong{font-size:20px;color:#0c4e74}.fee-box small{display:block;color:#5b7690;font-size:11px;margin-top:2px}
.ts-wrap{display:flex;justify-content:center;margin:18px 0 0}
.pay-view h3{font-size:23px;margin:4px 0 8px;letter-spacing:-.03em}
.pay-view .sub{color:#5b6f85;font-size:13px;line-height:1.7;margin:0 0 18px}
.pay-msg{font-size:13px;color:#145e88;line-height:1.7;margin:8px 0 0}
.code-row{display:flex;gap:8px;margin-top:10px}.code-row input{flex:1;text-transform:uppercase}
.done-view{text-align:center;padding:10px 0}
.done-view .tick{width:64px;height:64px;margin:0 auto 14px;border-radius:50%;display:grid;place-items:center;background:#e2fcf5;color:#0f9f7c;font-size:30px;font-weight:900}
.done-view h3{font-size:25px;margin:0 0 8px}
.done-view p{color:#5b6f85;font-size:13px;line-height:1.7;max-width:460px;margin:0 auto 18px}
.done-links{display:grid;gap:8px;max-width:440px;margin:0 auto 20px;text-align:left}
.done-links div{border:1px solid #e2eaf2;border-radius:11px;padding:10px 12px;background:#fff}
.done-links b{display:block;font-size:11px;color:#7a8da0;margin-bottom:3px}.done-links code{font-size:13px;color:#14253f;overflow-wrap:anywhere}
.done-view .primary-button{display:inline-flex;margin:0 auto}