:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#17243d;background:#f4f6fa;font-synthesis:none;--blue:#2d5bff;--navy:#101e3a;--muted:#6c7a91;--line:#e3e8f0}*{box-sizing:border-box}body{margin:0;font-size:15px;line-height:1.6}a{color:var(--blue)}button,input{font:inherit}button,input,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #9cb1ff;outline-offset:3px}h1,h2,h3,p{margin:0}p+p{margin-top:10px}code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.9em;overflow-wrap:anywhere}input{min-width:0}.setup-shell{min-height:100vh;display:grid;grid-template-columns:350px minmax(0,1fr)}.setup-sidebar{position:sticky;top:0;height:100vh;min-height:640px;display:flex;flex-direction:column;background:var(--navy);color:#fff;padding:38px 36px;overflow:hidden}.setup-sidebar:after{content:"";position:absolute;right:-140px;bottom:75px;width:340px;height:340px;border:1px solid #29395a;border-radius:50%;pointer-events:none}.brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font-size:24px;font-weight:750;letter-spacing:-.8px;position:relative;z-index:1}.brand em{font-style:normal;color:#8ca8ff}.brand-mark{width:39px;height:39px;display:grid;place-items:center;background:var(--blue);border-radius:11px;color:#fff;font-weight:800;letter-spacing:-2px;padding-right:2px}.sidebar-main{margin:auto 0;position:relative;z-index:1;padding:48px 0}.eyebrow{font-size:10px;font-weight:750;letter-spacing:1.7px;display:block}.sidebar-main .eyebrow{color:#8da3c9}.sidebar-main h1{font-size:36px;line-height:1.17;letter-spacing:-1.4px;margin:18px 0 21px;font-weight:680}.sidebar-main>p{font-size:14px;color:#afbdd5;line-height:1.9}.setup-steps{list-style:none;padding:0;margin:37px 0 0;display:grid;gap:22px}.setup-steps li{display:flex;gap:13px;align-items:center}.setup-steps li>span{display:grid;place-items:center;width:33px;height:33px;flex-shrink:0;color:#b6c8f6;background:#203354;border:1px solid #344767;border-radius:10px;font-size:10px;font-weight:700}.setup-steps strong{font-size:12px;font-weight:650;display:block}.setup-steps small{font-size:11px;color:#91a3c2;display:block;margin-top:2px}.sidebar-note{display:flex;align-items:center;gap:8px;font-size:10px;color:#96a7c4;position:relative;z-index:1}.secure-dot{width:6px;height:6px;background:#66c9a8;border-radius:50%}.setup-main{width:100%;max-width:990px;padding:28px 62px 24px;margin:auto}.topline{display:flex;align-items:center;justify-content:space-between;gap:15px;color:#7d899e;font-size:11px;margin-bottom:42px}.badge{border:1px solid #dce4f7;background:#edf1ff;border-radius:6px;padding:4px 9px;color:#5c75b2;font-weight:600}.blue{color:#4969c7}.page-heading{margin-bottom:24px}.page-heading h2,.result-card h2{font-size:30px;line-height:1.2;letter-spacing:-.9px;margin:10px 0 13px}.page-heading p{font-size:14px;color:var(--muted);line-height:1.8}.preflight{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 17px;padding:21px 23px;border:1px solid var(--line);border-radius:12px;background:#fff;margin-bottom:25px}.check{display:flex;align-items:center;gap:10px;font-size:12px;font-weight:550}.check>span:first-child{display:grid;place-items:center;width:23px;height:23px;border-radius:50%;font-size:12px;flex-shrink:0}.check small{display:block;font-size:10px;font-weight:400;color:#8290a3;line-height:1.25;margin-top:2px}.check.pass>span:first-child{background:#e9f7f0;color:#247754}.check.fail>span:first-child{background:#fff0ed;color:#b64538}.check.fail small{color:#a65a47}.setup-form{background:#fff;border:1px solid var(--line);border-radius:15px;overflow:hidden;box-shadow:0 7px 24px #10204003}.form-section{padding:27px 29px 10px}.form-section+.form-section{border-top:1px solid #edf0f6}.section-heading{display:flex;gap:12px;align-items:center;margin-bottom:24px}.section-number{display:grid;place-items:center;background:#edf1ff;color:var(--blue);border-radius:9px;font-size:12px;font-weight:700;width:32px;height:32px;flex-shrink:0}.section-heading h3{font-size:16px;line-height:1.4;letter-spacing:-.2px}.section-heading p{color:#8692a6;font-size:11px;margin-top:3px}.field{display:flex;flex-direction:column;gap:7px;margin-bottom:19px}.field label{font-size:12px;font-weight:650;color:#4b5b77}.field input{width:100%;border:1px solid #d9e1ed;border-radius:8px;background:#fff;color:#24334e;padding:10px 12px;line-height:1.55;font-size:13px;transition:border-color .12s}.field input:hover{border-color:#aebed7}.field input:focus{border-color:#6484fb}.field input::placeholder{color:#a2adc0}.field small,.field-help{font-size:11px;color:#7d8ba2;line-height:1.65}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.host-grid{grid-template-columns:minmax(0,1fr) 100px}.field-help{margin:-5px 0 17px}.notice{border:1px solid #dfe7fc;border-radius:9px;background:#f0f4ff;padding:17px 19px;color:#62769d;font-size:12px;line-height:1.7;margin:22px 0}.notice strong{color:#425e98;font-weight:650}.notice>strong{display:block;margin-bottom:5px}.notice.compact{margin:0 0 23px;padding:14px 16px;font-size:11px}.notice.warning,.alert.warning{background:#fff9eb;border-color:#eee0bd;color:#81672e}.notice.warning strong{color:#81672e}.alert{padding:18px 21px;border:1px solid #edcece;background:#fff4f2;color:#994d47;border-radius:10px;font-size:12px;margin:0 0 25px}.alert strong{font-size:13px}.alert ul{margin:8px 0;padding-left:18px}.alert li+li{margin-top:6px}.alert p{font-size:11px;margin-top:12px}.submit-area{background:#fbfcff;border-top:1px solid #edf0f6;padding:23px 29px 27px}.submit-area p{font-size:12px;color:#8190a6;margin-bottom:17px}.button{display:inline-flex;align-items:center;justify-content:center;gap:34px;background:var(--blue);color:#fff;text-decoration:none;border:1px solid transparent;border-radius:8px;font-size:13px;font-weight:650;padding:12px 20px;cursor:pointer;touch-action:manipulation}.button:hover{background:#234bde}.button span{font-size:19px;line-height:1}.footer-line{display:flex;justify-content:space-between;gap:15px;margin-top:28px;color:#97a2b5;font-size:10px;padding:0 1px}.result-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:42px 39px;margin:70px 0 80px}.result-symbol{width:58px;height:58px;background:#e5f7ee;color:#278460;display:grid;place-items:center;border-radius:17px;font-size:28px;margin-bottom:26px}.result-symbol.neutral{background:#eaf0ff;color:var(--blue)}.result-card>p{font-size:14px;color:var(--muted);line-height:1.85}.result-card .button{margin-top:4px}.result-card p.quiet{font-size:11px;color:#8b98ac;margin-top:18px}.result-card .alert{margin-top:20px}@media(min-width:1450px){.setup-shell{grid-template-columns:410px minmax(0,1fr)}.setup-sidebar{padding:44px 48px}.sidebar-main h1{font-size:41px}.setup-main{padding-left:72px;padding-right:72px}}@media(max-width:1050px){.setup-shell{grid-template-columns:290px minmax(0,1fr)}.setup-sidebar{padding:32px 25px}.sidebar-main h1{font-size:31px}.brand{font-size:21px}.setup-main{padding:25px 30px}.preflight{padding:19px 18px;gap:15px 12px}.check{font-size:11px}.form-section{padding:24px 23px 7px}.submit-area{padding:22px 23px}.topline{margin-bottom:34px}}@media(max-width:790px){.setup-shell{display:block}.setup-sidebar{position:relative;height:auto;min-height:0;padding:23px 25px}.setup-sidebar:after,.sidebar-main,.sidebar-note{display:none}.brand{font-size:23px}.setup-main{max-width:740px;padding:23px 25px}.topline{margin-bottom:27px}.page-heading h2{font-size:28px}.result-card{margin:35px 0 45px;padding:30px}.footer-line{margin-top:24px}}@media(max-width:460px){.setup-sidebar{padding:20px}.setup-main{padding:20px 16px}.topline{font-size:10px;gap:10px}.preflight{gap:14px 10px;padding:18px 14px}.check{gap:7px;font-size:10px}.check>span:first-child{width:20px;height:20px;font-size:10px}.check small{font-size:9px}.form-section{padding:23px 19px 7px}.field-grid{grid-template-columns:1fr;gap:0}.host-grid{grid-template-columns:minmax(0,1fr) 80px;gap:12px}.section-heading{gap:10px}.section-heading h3{font-size:15px}.submit-area{padding:22px 19px}.submit-area .button{width:100%;justify-content:space-between}.result-card{padding:27px 22px}.result-card h2{font-size:27px}.footer-line{font-size:9px;gap:10px}.notice{padding:15px}.alert{padding:16px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}
