:root{--navy:#062856;--deep:#031a38;--blue:#0a7fc4;--cyan:#58cef4;--ink:#112d45;--muted:#667e90;--line:#c8d8e4;--paper:#fff;--mist:#eef4f8;--serif:Georgia,"Times New Roman",serif;--sans:"IBM Plex Sans",system-ui,sans-serif;--cond:"Barlow Condensed","Arial Narrow",sans-serif}
*{box-sizing:border-box}html{min-height:100%;background:var(--mist)}body{min-height:100vh;margin:0;color:var(--ink);background:var(--mist);font:16px/1.5 var(--sans)}a{color:inherit;text-decoration:none}button,input{font:inherit}.skip{position:fixed;z-index:100;left:18px;top:-60px;padding:10px 15px;color:#fff;background:var(--navy)}.skip:focus{top:12px}
.registry{height:28px;display:flex;align-items:center;color:#b6d2e4;background:var(--deep);font:600 11px/1 var(--cond);letter-spacing:.15em;text-transform:uppercase}.registry>div{width:min(1440px,calc(100% - 56px));margin:auto;display:flex;justify-content:space-between}.registry b{color:var(--cyan)}
.header{height:70px;border-bottom:1px solid #cbdbe6;background:rgba(255,255,255,.98)}.nav{width:min(1440px,calc(100% - 56px));height:100%;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:11px}.brand img{width:36px;height:36px;object-fit:contain}.brandcopy{display:grid;line-height:.83}.brandname{font:600 21px/1 var(--cond);letter-spacing:.15em;text-transform:uppercase}.brandstudio{color:#1683c6;font:600 11px/1.2 var(--cond);letter-spacing:.3em;text-transform:uppercase}.navlinks{display:flex;align-items:center;gap:26px;color:#526c80;font:600 12px/1 var(--cond);letter-spacing:.1em;text-transform:uppercase}.navlinks a{padding:27px 0 26px;border-bottom:2px solid transparent}.navlinks a:hover{color:var(--navy);border-color:var(--blue)}
.authmain{min-height:calc(100vh - 98px);padding:34px 28px 50px;display:grid;place-items:center}.authshell{width:min(1200px,100%);min-height:680px;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(460px,.9fr);border:1px solid #b8ccda;background:#fff;box-shadow:0 24px 70px rgba(6,40,86,.13)}
.art{position:relative;min-height:680px;overflow:hidden;color:#fff;background:#05284f}.art>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.85) contrast(1.05) brightness(.68)}.art:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(2,21,44,.08),rgba(2,20,43,.35) 48%,rgba(2,17,38,.94)),linear-gradient(90deg,rgba(3,27,55,.38),transparent 60%)}.artcopy{position:absolute;z-index:1;inset:auto 48px 46px}.artkicker{display:flex;align-items:center;gap:10px;margin:0 0 12px;color:#67d7ff;font:600 13px/1 var(--cond);letter-spacing:.16em;text-transform:uppercase}.artkicker:before{content:"";width:30px;height:1px;background:#67d7ff}.art h2{max-width:540px;margin:0;font:400 clamp(38px,4vw,54px)/.98 var(--serif);letter-spacing:-.035em}.art p{max-width:520px;margin:17px 0 24px;color:#c4d8e7}.assurances{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid rgba(140,202,233,.38)}.assurance{padding:16px 15px 0 0}.assurance+.assurance{padding-left:15px;border-left:1px solid rgba(140,202,233,.3)}.assurance strong{display:block;color:#fff;font:600 13px/1.1 var(--cond);letter-spacing:.08em;text-transform:uppercase}.assurance span{display:block;margin-top:5px;color:#95b9d0;font-size:12px;line-height:1.35}
.formside{position:relative;min-width:0;display:flex;flex-direction:column;padding:46px 54px;background:#fff}.formtop{display:flex;align-items:center;justify-content:space-between;margin-bottom:38px}.eyebrow{color:#1683c6;font:600 12px/1 var(--cond);letter-spacing:.15em;text-transform:uppercase}.demo{padding:6px 9px;border:1px solid #afd0e4;color:#49758e;background:#f1f8fc;font:600 11px/1 var(--cond);letter-spacing:.12em;text-transform:uppercase}.formhead{margin-bottom:28px}.formhead h1{margin:0;color:var(--navy);font:400 clamp(40px,4.5vw,54px)/.98 var(--serif);letter-spacing:-.035em}.formhead p{max-width:430px;margin:12px 0 0;color:var(--muted)}
.authform{display:grid;gap:18px}.field{display:grid;gap:8px}.fieldrow{display:grid;grid-template-columns:1fr 1fr;gap:15px}.field label{color:#3d5a70;font:600 13px/1 var(--cond);letter-spacing:.1em;text-transform:uppercase}.control{position:relative}.control input{width:100%;height:52px;padding:0 15px;border:1px solid #b8ccda;border-radius:0;color:#17374f;background:#fbfdfe;outline:0}.control input::placeholder{color:#9aabba}.control input:focus{border-color:#1485c8;box-shadow:0 0 0 2px rgba(20,133,200,.12)}.control.has-toggle input{padding-right:74px}.reveal{position:absolute;right:0;top:0;height:52px;padding:0 15px;border:0;color:#187fb9;background:transparent;font:600 12px/1 var(--cond);letter-spacing:.07em;text-transform:uppercase;cursor:pointer}.field small{color:#7b90a0;font-size:12px}.formmeta{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:2px 0}.check{display:flex;align-items:center;gap:8px;color:#587082;font-size:13px}.check input{width:16px;height:16px;margin:0;accent-color:var(--blue)}.textlink{color:#087bbd;font-weight:600}.textlink:hover{text-decoration:underline}.submit{position:relative;height:54px;margin-top:4px;border:1px solid #062856;color:#fff;background:#062856;font:600 14px/1 var(--cond);letter-spacing:.12em;text-transform:uppercase;cursor:pointer}.submit:after{content:"→";position:absolute;right:20px}.submit:hover{background:#0a4a82}.submit:disabled{cursor:wait;opacity:.72}.alt{margin:4px 0 0;padding-top:21px;border-top:1px solid #dce6ed;color:#6c8292;text-align:center;font-size:14px}.formfoot{margin-top:auto;padding-top:32px;color:#8596a2;font-size:12px}.formfoot a{color:#526f83}.formfoot a+a:before{content:"·";margin:0 9px;color:#a3b2bc}
.message{display:none;margin-bottom:18px;padding:14px 16px;border-left:3px solid #1c8ac8;color:#395d74;background:#edf8fd;font-size:13px}.message.show{display:block}.message.success{border-color:#31a36a;color:#24613f;background:#eff9f3}.statusicon{width:78px;height:78px;margin:0 0 25px;display:grid;place-items:center;border:1px solid #8cc6e4;color:#0d7fbd;background:#e9f6fc;font:400 36px/1 var(--serif)}
.otp{display:grid;grid-template-columns:repeat(6,1fr);gap:9px;margin:3px 0 5px}.otp input{width:100%;height:62px;padding:0;border:1px solid #abc4d5;color:var(--navy);background:#fbfdfe;text-align:center;font:600 26px/1 var(--cond);outline:0}.otp input:focus{border-color:#0b83c8;box-shadow:0 0 0 2px rgba(11,131,200,.14)}.resend{display:flex;align-items:center;justify-content:space-between;gap:15px;color:#738998;font-size:13px}.linkbutton{padding:0;border:0;color:#087bbd;background:transparent;font-weight:600;cursor:pointer}.linkbutton:hover{text-decoration:underline}
.toast{position:fixed;z-index:100;right:24px;bottom:24px;max-width:360px;padding:14px 18px;border:1px solid #63bce7;color:#fff;background:#062f5e;box-shadow:0 15px 40px rgba(0,25,57,.24);transform:translateY(20px);opacity:0;pointer-events:none;transition:.2s}.toast.show{transform:none;opacity:1}
@media(min-width:1600px){.registry>div,.nav{width:min(1540px,calc(100% - 96px))}.authmain{padding:48px 80px 64px}.authshell{width:min(1540px,calc(100vw - 160px));min-height:min(840px,calc(100vh - 220px));grid-template-columns:minmax(0,1.15fr) minmax(560px,.85fr)}.artcopy{inset:auto 64px 58px}.art h2{max-width:650px;font-size:60px}.art p{max-width:590px;font-size:17px}.formside{padding:62px 72px}.formtop{margin-bottom:46px}.formhead h1{font-size:58px}.formhead p{font-size:17px}.authform{gap:20px}.control input,.reveal{height:56px}.submit{height:58px}.statusicon{width:84px;height:84px;font-size:39px}.otp input{height:68px;font-size:29px}}
@media(max-width:900px){.authshell{grid-template-columns:1fr;max-width:560px}.art{display:none}.formside{min-height:680px}.authmain{padding-top:26px}}@media(max-width:600px){.registry{display:none}.header{height:64px}.nav{width:calc(100% - 28px)}.navlinks a:not(:last-child){display:none}.authmain{min-height:calc(100vh - 64px);padding:0}.authshell{min-height:calc(100vh - 64px);border:0;box-shadow:none}.formside{min-height:calc(100vh - 64px);padding:34px 23px}.formtop{margin-bottom:30px}.fieldrow{grid-template-columns:1fr}.otp{gap:5px}.otp input{height:52px}.formmeta{align-items:flex-start}.brandname{font-size:19px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.toast{transition:none}}