/* Login uses the original navy logo and the portal's blue/teal palette. */
.login-page{margin:0;min-height:100vh;display:grid;place-items:center;padding:40px 24px;box-sizing:border-box;background:#f0f4f8;color:#172b46;font:15px/1.6 'Segoe UI',system-ui,sans-serif}
.login-page *{box-sizing:border-box}
.login-shell{width:100%;max-width:1080px;min-height:650px;display:grid;grid-template-columns:1fr 1fr;background:white;border:1px solid #e2e8f0;border-radius:24px;overflow:hidden;box-shadow:0 24px 80px #12305412}
.login-brand{position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:48px;background:linear-gradient(125deg,#0b1b31,#142d4b);color:white;overflow:hidden}
.login-logo{display:block;width:190px;max-width:100%;height:auto}
.login-brand-copy{position:relative;padding:52px 0 32px}
.login-eyebrow{font-size:11px;letter-spacing:3px;font-weight:700;color:#66dfbf}
.login-brand h2{font-size:38px;line-height:1.25;letter-spacing:-1px;font-weight:650;margin:18px 0}
.login-brand p{font-size:16px;line-height:1.8;color:#aabdd2;max-width:340px;margin:0}
.login-brand-footer{font-size:9px;letter-spacing:2px;color:#849ab5}
.login-network{display:flex;align-items:center;margin-top:42px;width:220px;height:32px;position:relative;justify-content:space-between}
.login-network:before{content:'';position:absolute;left:0;right:0;top:15px;height:1px;background:#31506b}
.login-network span{position:relative;width:10px;height:10px;background:#2166ac;border:3px solid #193957;border-radius:50%;box-sizing:content-box}
.login-network span:nth-child(3){width:18px;height:18px;background:#17b992;box-shadow:0 0 0 7px #17b99216}
.login-network span:last-child{background:#f4c50f}
.login-panel{display:flex;flex-direction:column;padding:32px 48px}
.login-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px}
.login-portal-type{font-size:12px;color:#64768d;font-weight:600}
.login-form-container{margin:auto 0;padding:44px 0 32px}
.login-accent{display:block;width:32px;height:4px;border-radius:4px;background:#17b992;margin-bottom:20px}
.login-panel h1{font-size:30px;line-height:1.3;letter-spacing:-.6px;margin:0 0 10px;font-weight:650}
.login-intro{margin:0 0 30px;color:#708198;font-size:14px}
.login-field{margin-bottom:20px}
.login-field label{display:block;font-size:13px;font-weight:600;margin-bottom:8px}
.login-field input{width:100%;height:50px;border:1px solid #d8e0ea;border-radius:9px;background:#fbfcfe;padding:12px 14px;font:inherit;color:#172b46;transition:border-color .15s,box-shadow .15s}
.login-field input::placeholder{color:#97a5b6}
.login-field input:focus{outline:none;border-color:#2166ac;box-shadow:0 0 0 3px #2166ac16;background:white}
.login-submit{display:flex;justify-content:center;align-items:center;gap:12px;width:100%;height:50px;margin-top:28px;border:0;border-radius:9px;background:#2166ac;color:white;font:600 14px 'Segoe UI',system-ui,sans-serif;cursor:pointer;box-shadow:0 4px 10px #2166ac20}
.login-submit:hover{background:#19548e}
.login-submit:focus-visible{outline:3px solid #17b992;outline-offset:3px}
.login-submit svg{width:18px;height:18px;stroke:currentColor;stroke-width:1.8;fill:none}
.login-help{font-size:12px;color:#76869b;line-height:1.7;text-align:center;margin:22px 0 0}
.login-error{padding:12px 14px;margin-bottom:20px;border:1px solid #f2c7c7;border-radius:8px;background:#fff4f4;color:#ab2929;font-size:13px}
.login-footer{text-align:center;font-size:11px;color:#8b99ac;padding-top:12px}
@media(max-width:760px){.login-page{padding:20px 16px}.login-shell{max-width:460px;grid-template-columns:1fr;min-height:0;border-radius:18px}.login-brand{padding:26px 32px}.login-logo{width:155px}.login-brand-copy,.login-brand-footer{display:none}.login-panel{padding:26px 32px}.login-form-container{padding:32px 0}.login-panel h1{font-size:27px}}
@media(max-width:360px){.login-panel{padding:22px}.login-brand{padding:24px 22px}}