*{box-sizing:border-box}body{margin:0;background:#edf5fc;color:#26638c;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:14px}a{color:#007392;text-decoration:none}button,input{font:inherit}button,a,input{outline-offset:4px}.shell{min-height:100dvh;display:grid;grid-template-columns:44% 56%}.intro{background:#26638c;color:#fff;padding:48px 56px;display:flex;flex-direction:column;position:relative;overflow:hidden}.intro:after{content:"";position:absolute;width:440px;height:440px;border:1px solid #ffffff13;border-radius:50%;right:-200px;bottom:-180px;pointer-events:none}.brand{display:flex;gap:13px;align-items:center;color:inherit;font-size:18px;font-weight:750;letter-spacing:.7px}.brand img{width:39px;height:39px}.intro-copy{margin:auto 0;padding:60px 0}.eyebrow{color:#a8c7df;font-size:11px;font-weight:650;letter-spacing:2px}h1{font-size:clamp(34px,3.4vw,54px);line-height:1.14;letter-spacing:-1.5px;margin:23px 0}p{line-height:1.6}.intro-copy>p{color:#a8c7df;font-size:17px}.lines{margin-top:44px;max-width:300px;border-top:1px solid #ffffff1a}.lines div{display:flex;align-items:center;gap:20px;padding:14px 0;border-bottom:1px solid #ffffff1a;color:#edf5fc;font-size:13px}.lines i{height:5px;background:#007392;border-radius:8px;width:42%;margin-left:auto}.lines div:nth-child(2) i{width:65%;background:#75b9c8}.lines div:nth-child(3) i{width:53%;background:#a8c7df}.intro-foot{font-size:12px;color:#007392}.entry{display:flex;align-items:center;justify-content:center;padding:48px 30px}.card{width:100%;max-width:398px}.lock{width:42px;height:42px;background:#edf5fc;border-radius:12px;color:#007392;display:grid;place-items:center;font-size:25px;margin-bottom:25px}h2{font-size:27px;line-height:1.25;letter-spacing:-.5px;margin:0 0 12px}#subtitle{color:#7b879e;margin:0 0 30px}form{display:grid;gap:19px}label{display:grid;gap:8px;font-size:12px;font-weight:650;color:#586780}input{width:100%;height:46px;background:#fff;border:1px solid #a8c7df;border-radius:9px;color:#26638c;padding:0 13px;font-size:14px;min-width:0}input:focus{outline:2px solid #a8c7df;border-color:#007392}.password-field{display:flex;position:relative}.password-field input{padding-right:88px}.reveal{position:absolute;right:7px;top:7px;height:32px;border:0;background:transparent;color:#6d7f9b;font-size:11px;padding:0 7px;cursor:pointer}.primary{height:46px;border:0;border-radius:9px;background:#007392;color:white;font-weight:650;cursor:pointer;margin-top:4px;box-shadow:0 5px 12px #00739216}.primary:hover{background:#007392}.primary:disabled{opacity:.6;cursor:wait}.links{display:flex;justify-content:space-between;gap:16px;font-size:13px}.message{font-size:13px;color:#a34735;min-height:20px;margin:12px 0}.message.success{color:#086c75}.secure{font-size:11px;color:#8b97ad;margin-top:38px}.hint{font-size:11px;line-height:1.5;color:#8591a4;font-weight:400}.account-info{padding:12px 14px;background:#edf5fc;border-radius:9px;font-size:13px;margin-bottom:22px;color:#26638c}.text-button{border:0;background:transparent;padding:0;color:#007392;cursor:pointer;font-size:13px}@media(max-width:760px){.shell{grid-template-columns:1fr}.intro{padding:25px 28px}.intro-copy,.intro-foot{display:none}.brand{font-size:15px}.brand img{width:32px;height:32px}.entry{padding:38px 25px;align-items:flex-start}h2{font-size:25px}.secure{margin-top:25px}}@media(max-height:650px) and (min-width:761px){.intro{padding:28px 40px}.intro-copy{padding:25px 0}.lines{margin-top:20px}.entry{padding:24px}.lock{margin-bottom:15px}#subtitle{margin-bottom:20px}}

.brand .brand-wordmark{width:220px;height:auto;max-width:100%}@media(max-width:760px){.brand .brand-wordmark{width:170px}}

/* North identity */
body{font-family:"Helvetica Neue",-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;background:#eff5f8;color:#052b44}.intro{background:#052b44}.intro .brand-wordmark{width:265px}.intro:after{border-color:#00b3e444}.eyebrow,h1 em{color:#78dff7}h1{font-weight:550}h1 em{font-style:normal}.intro-copy>p,.intro-foot{color:#b5d0de}.lines div{border-color:#31566c;color:#c6dce7}.lines i,.lines div:nth-child(2) i,.lines div:nth-child(3) i{background:#00b3e4}.primary{background:#00b3e4;color:#002338;box-shadow:none}.primary:hover{background:#38c8ec}.lock{background:#e2f5fc;color:#007392}a,.text-button{color:#007392}input:focus{outline-color:#00b3e466;border-color:#00a3cc}.account-info{background:#e2f5fc;color:#31576b}@media(max-width:760px){.intro .brand-wordmark{width:190px}}


/* Registration uses the same primary button as login. */
.register-cta{display:flex;align-items:center;justify-content:center;width:100%;height:46px;margin-top:20px;font-size:14px;text-align:center}
.card:has(.register-cta) .message:empty{display:none}
.card:has(.register-cta) .links{justify-content:flex-end;margin-top:10px}