@font-face{font-family:system-ui-local;src:local("Inter");font-display:swap}
:root{color-scheme:light;--navy:#13365f;--navy-deep:#102e51;--teal:#08a8ad;--muted:#718393;--line:#dce7ea;--ink:#183750;--focus:#008a90}
*{box-sizing:border-box}
html{min-width:320px;min-height:100%;background:#f3f7f8}
body{margin:0;color:var(--ink);font-family:system-ui-local,Inter,"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased}
button,input{font:inherit}
button{cursor:pointer}
.page{min-height:100svh;display:flex;align-items:flex-start;justify-content:center;padding:8px 32px 24px;background:radial-gradient(ellipse at 13% 14%,#ecf7f7 0,transparent 37%),radial-gradient(ellipse at 93% 88%,#eaf3f5 0,transparent 36%),#f3f7f8}
.page-inner{width:min(100%,1120px)}
.topline{display:flex;align-items:center;justify-content:space-between;margin:0 2px 16px;color:#8a9daa;font-size:9px;font-weight:700;letter-spacing:.16em}
.topline>span:first-child{width:33px;height:3px;border-radius:3px;background:var(--teal)}
.shell{overflow:hidden;min-height:622px;display:grid;grid-template-columns:1.03fr 1fr;background:white;border:1px solid #e0eaed;border-radius:16px;box-shadow:0 26px 65px rgba(32,67,82,.075),0 3px 12px rgba(29,67,82,.035)}
.brand-panel{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;padding:57px 64px 43px;background:#fff}
.brand-panel:after{content:"";position:absolute;right:0;top:8%;height:84%;width:1px;background:linear-gradient(transparent,#dfebed 10%,#dfebed 90%,transparent)}
.logo{display:block;width:205px;max-width:100%;height:auto}
.brand-copy{padding-top:78px}
.eyebrow,.form-kicker{font-size:10px;font-weight:750;letter-spacing:.17em;color:#678193}
.eyebrow{display:flex;align-items:center;gap:10px}
.eyebrow span{width:19px;height:2px;background:var(--teal)}
.headline{margin:19px 0 0;color:var(--navy);font-size:clamp(30px,3.1vw,39px);line-height:1.26;letter-spacing:-.045em;font-weight:400}
.headline strong{font-weight:720}
.headline strong span{color:var(--teal)}
.brand-bottom{padding-top:28px}
.network{display:block;width:min(100%,360px);height:auto;overflow:visible}
.network path{stroke:#b8d9db;stroke-width:1.3}
.network path.subline{stroke:#e0efef}
.network circle{fill:#9ac8ca}
.network circle:nth-last-child(3){fill:var(--teal)}
.network circle.halo{fill:none;stroke:#cce8e7;stroke-width:1}
.brand-rule{display:flex;align-items:center;gap:12px;margin-top:14px;color:#91a7af;font-size:8px;font-weight:700;letter-spacing:.13em;white-space:nowrap}
.brand-rule>span:first-child{width:20px;height:1px;background:#a9c4c8}.brand-rule i{font-style:normal;color:#13aeb0;padding:0 2px}
.form-panel{display:flex;align-items:center;justify-content:center;background:#fff;padding:56px 64px}
.form-inner{width:min(100%,350px)}
.lock-mark{display:grid;place-items:center;width:47px;height:47px;border:1px solid #d7ebea;border-radius:14px;background:#f2faf9;color:#008d91}
.form-heading{margin-top:26px}
.form-kicker{margin:0 0 11px;color:#658091}
h1{margin:0;color:var(--navy);font-size:37px;line-height:1.12;font-weight:700;letter-spacing:-.045em}h1 span{color:var(--teal)}
.form-heading>p:last-child{margin:12px 0 0;color:#748692;font-size:14px;line-height:1.55}
form{margin-top:31px}
.field{margin-bottom:20px}.field label{display:block;margin-bottom:8px;color:#25465b;font-size:13px;font-weight:650}
.input-wrap{position:relative}
.input-wrap input{display:block;width:100%;height:51px;border:1px solid #d6e2e6;border-radius:8px;outline:none;background:#fff;color:#183750;padding:0 15px;font-size:14px;transition:border-color .16s,box-shadow .16s}
.input-wrap input::placeholder{color:#9badb7;opacity:1}
.input-wrap input:hover{border-color:#a9c8cd}
.input-wrap input:focus{border-color:var(--focus);box-shadow:0 0 0 3px rgba(0,143,148,.13)}
.input-wrap input[aria-invalid=true]{border-color:#b44343;box-shadow:0 0 0 3px rgba(180,67,67,.08)}
.password-wrap input{padding-right:53px}
.visibility{position:absolute;top:5px;right:6px;display:grid;place-items:center;width:42px;height:41px;border:0;border-radius:6px;color:#78919d;background:transparent}.visibility:hover{color:var(--navy);background:#f2f8f8}.visibility:focus-visible{outline:3px solid rgba(0,143,148,.38);outline-offset:0}
.eye-closed{display:none}.visibility[aria-pressed=true] .eye-closed{display:block}.visibility[aria-pressed=true] .eye-open{display:none}
.field-error{display:none;margin:7px 0 0;color:#a72e36;font-size:12px;line-height:1.4}.field-error:not(:empty){display:block}
.options{display:flex;align-items:center;justify-content:space-between;margin:3px 0 24px}.check-label{display:inline-flex;align-items:center;gap:9px;color:#536c7c;font-size:12px;cursor:pointer}.check-label input{width:16px;height:16px;margin:0;accent-color:#008e93}.check-label input:focus-visible{outline:3px solid rgba(0,143,148,.38);outline-offset:3px}
.submit{display:flex;align-items:center;justify-content:center;gap:13px;width:100%;height:52px;border:1px solid var(--navy);border-radius:8px;background:var(--navy);color:#fff;font-size:14px;font-weight:680;transition:background .16s,transform .16s,box-shadow .16s}.submit:hover{background:#1b4a7c;box-shadow:0 6px 15px rgba(19,54,95,.16)}.submit:active{transform:translateY(1px)}.submit:focus-visible{outline:3px solid rgba(0,143,148,.48);outline-offset:3px}
.form-notice{display:none;margin:13px 0 0;padding:11px 13px;border:1px solid #f0d6d7;border-radius:7px;background:#fff7f7;color:#a52f37;font-size:12px;line-height:1.5}.form-notice:not(:empty){display:block}
.restricted{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:25px;color:#748c98;font-size:11px;line-height:1.4;text-align:center}.restricted svg{flex:none;color:#54a9aa}
footer{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:19px 3px 0;color:#8da0a9;font-size:11px}footer b{padding:0 3px;color:#11a8ac;font-weight:500}.footer-mark{display:flex;align-items:center;gap:4px}.footer-mark i{display:block;width:4px;height:4px;border-radius:50%;background:#a7bdc3}.footer-mark i:nth-child(2){background:var(--teal)}
@media(max-width:820px){.shell{grid-template-columns:.9fr 1fr;min-height:590px}.brand-panel{padding:48px 36px 40px}.form-panel{padding:48px 36px}.headline{font-size:31px}.brand-copy{padding-top:78px}.brand-rule{font-size:7px;letter-spacing:.09em}}
@media(max-width:620px){.page{align-items:flex-start;padding:8px 16px 24px}.topline{margin-bottom:13px}.topline>span:last-child{font-size:8px;letter-spacing:.1em}.shell{display:block;min-height:0;border-radius:14px}.brand-panel{padding:30px 27px 25px}.brand-panel:after{top:auto;bottom:0;left:27px;width:calc(100% - 54px);height:1px;background:#e1ecee}.logo{width:167px}.brand-copy{padding-top:28px}.headline{margin-top:11px;font-size:27px;line-height:1.2}.headline br{display:none}.brand-bottom{display:none}.form-panel{padding:32px 27px 34px}.form-inner{width:100%;max-width:none}.lock-mark{width:41px;height:41px;border-radius:12px}.form-heading{margin-top:19px}.form-kicker{font-size:9px;margin-bottom:8px}h1{font-size:31px}.form-heading>p:last-child{font-size:13px;margin-top:8px}form{margin-top:24px}.field{margin-bottom:17px}.options{margin-bottom:21px}.restricted{margin-top:22px}footer{font-size:10px;padding-top:16px}}
@media(max-width:360px){.page{padding:8px 10px 16px}.brand-panel{padding:26px 21px 22px}.brand-panel:after{left:21px;width:calc(100% - 42px)}.form-panel{padding:27px 21px 30px}.headline{font-size:24px}.topline>span:last-child{letter-spacing:.06em}footer{font-size:9px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;scroll-behavior:auto!important}}