:root{font-family:"IBM Plex Sans",system-ui,sans-serif;color:#19232d;background:#f2f4f7}*{box-sizing:border-box}body{margin:0}header{background:#14263d;color:white;padding:24px 5%;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}header a{color:white;text-decoration:none;font-weight:600}nav{display:flex;align-items:center;gap:20px;flex-wrap:wrap}main{max-width:980px;margin:36px auto;padding:0 20px}section{background:white;border:1px solid #dce2e9;border-radius:16px;padding:28px;margin:24px 0}.auth{max-width:500px;margin:40px auto}h1{font-size:30px;margin:0 0 20px}h2{font-size:22px}label{display:grid;gap:8px;margin:18px 0}input,select,button,textarea{font:inherit;font-size:16px;padding:12px;border:1px solid #cbd5df;border-radius:8px;min-width:0}input,select{width:100%}button{background:#14263d;color:white;cursor:pointer;font-weight:600}button.primary{background:#f47716;border-color:#f47716;width:100%;margin:12px 0}a{color:#14263d}p{line-height:1.5}.notice{padding:16px;background:#e6f4eb}.errors{padding:16px;background:#fbe8e6;color:#a12222}.row{display:flex;align-items:center;gap:16px;flex-wrap:wrap;border-bottom:1px solid #e5e9ef;padding:18px 0}.row form{display:flex;gap:12px;align-items:center}.row strong{margin-right:auto}.muted{color:#657585}.check{display:flex;align-items:center}.check input{width:auto}input:focus,select:focus{outline:2px solid #14263d;outline-offset:2px}@media(max-width:500px){header{padding:18px}section{padding:20px}main{padding:0 12px}.row form{width:100%}}
.name-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media(max-width:500px){.name-fields{grid-template-columns:1fr;gap:0}}

/* Standalone sign-in: split branding and account form. */
.login-page{display:grid;grid-template-columns:1fr 1fr;min-height:100vh;min-height:100svh;background:#f2f3f7;color:#171d22;font-family:"IBM Plex Sans",system-ui,sans-serif}
.login-brand{background:#15283e;color:#fff;display:flex;align-items:center;justify-content:center;padding:64px clamp(32px,7vw,120px)}
.login-brand-content{width:100%;max-width:560px}
.login-brand img{display:block;width:240px;max-width:70%;height:auto;margin:0 auto 88px}
.login-brand h1{font-size:clamp(32px,3.1vw,48px);line-height:1.15;font-weight:700;margin:0 0 24px;letter-spacing:-.7px}
.login-brand p{font-size:clamp(18px,1.7vw,24px);line-height:1.5;color:#94a1ad;margin:0}
.login-main{display:flex;align-items:center;justify-content:center;max-width:none;width:100%;margin:0;padding:64px clamp(28px,6.3vw,108px);min-width:0}
.login-form{width:100%;max-width:580px}
.login-form h2{font-size:36px;font-weight:700;line-height:1.2;margin:0 0 14px;letter-spacing:-.5px}
.login-intro{font-size:20px;color:#74808c;margin:0 0 40px;line-height:1.5}
.login-form label:not(.check){font-size:15px;line-height:1.4;font-weight:600;color:#6c7883;text-transform:uppercase;letter-spacing:1.1px;gap:10px;margin:0 0 24px}
.login-form input:not([type=checkbox]){height:58px;font-size:18px;padding:14px 18px;background:#fff;border:1px solid #d7dee7;color:#171d22;letter-spacing:normal;box-shadow:0 0 0 1px #e5e9ef;font-weight:400}
.login-form .login-remember{font-size:16px;color:#6c7883;font-weight:400;margin:0 0 24px;gap:10px}
.login-remember input{accent-color:#15283e;width:18px;height:18px;flex-shrink:0}
.login-submit{display:block;width:100%;min-height:62px;background:#15283e;border-color:#15283e;font-size:20px;border-radius:9px}
.login-submit:hover{background:#213b56}
.login-links{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:20px;margin-top:24px;font-size:18px}
.login-links a,.login-register a{text-decoration:none}.login-links a:hover,.login-register a:hover{text-decoration:underline}.login-links span{color:#bbc4ce}
.login-register{text-align:center;margin:32px 0 0;font-size:16px;color:#74808c}.login-register a{color:inherit}
.login-form .errors{margin:0 0 24px;border-radius:8px}.login-form .errors p{margin:0}
@media(max-width:760px){.login-page{grid-template-columns:1fr}.login-brand{padding:32px 24px}.login-brand-content{max-width:500px}.login-brand img{width:148px;margin:0 0 24px}.login-brand h1{font-size:30px;margin-bottom:12px}.login-brand p{font-size:16px}.login-main{padding:36px 24px 48px}.login-form{max-width:500px}.login-form h2{font-size:30px}.login-intro{font-size:17px;margin-bottom:28px}.login-links{font-size:16px;gap:14px}.login-form input:not([type=checkbox]){font-size:16px}.login-register{margin-top:24px}}
@media(max-height:650px) and (min-width:761px){.login-main,.login-brand{padding-top:32px;padding-bottom:32px}.login-brand img{margin-bottom:40px}}

/* Match the shared NativeCheckbox control without text-input styling. */
input.veris-native-checkbox{all:revert;box-sizing:border-box;width:15px;height:15px;flex-shrink:0;accent-color:#14263d;margin:0;cursor:inherit}
input.veris-native-checkbox:disabled{opacity:.5;cursor:default}
input.veris-native-checkbox:focus-visible{outline:2px solid #14263d;outline-offset:2px}
.login-remember{cursor:pointer}

.login-links #forgot-password{border:0;background:none;color:inherit;font:inherit;padding:0;cursor:pointer}.login-links #forgot-password:hover{text-decoration:underline}.login-links #forgot-password:disabled{opacity:.6;cursor:wait}.reset-notice{padding:16px;border-radius:10px;background:#e6f4eb;color:#216e3b;font-weight:600;margin:24px 0 0}.reset-notice.is-error{background:#fbe8e6;color:#b72e27}.reset-notice[hidden]{display:none}
