/* Intentionally minimal, centered login form. */
.login-main { min-height:calc(100vh - 160px); background:#f4f2ec; color:#183b4c; }
.login-main > .public-section { padding:48px 0; }
.login-layout { width:calc(100% - 32px); max-width:460px; margin-inline:auto; border:1px solid #e1e4df; border-radius:14px; overflow:hidden; box-shadow:0 12px 40px #183b4c09; }
.login-card { min-width:0; padding:36px; background:#fff; }
.login-card h1 { margin:0 0 28px; font-size:26px; line-height:1.5; letter-spacing:.02em; color:#183b4c; text-align:center; }
.login-card .public-form { gap:20px; }
.login-card .public-field { color:#284651; font-size:13px; gap:9px; }
.login-card .public-input { width:100%; min-height:50px; border:1px solid #cbd5d9; border-radius:8px; background:#fcfdfc; color:#183b4c; font-size:16px; }
.login-card .public-input:focus { border-color:#47788e; outline:2px solid #47788e; outline-offset:2px; box-shadow:none; }
.login-card .public-input[aria-invalid="true"] { border-color:#dc2626; }
.login-card .public-btn { width:100%; min-height:49px; border-radius:8px; font-size:14px; box-shadow:none; }
.login-card .public-btn.primary { background:#193e50; border:1px solid #193e50; color:#fff; }
.login-card .public-btn.primary:hover { background:#2a5366; }
.login-card .public-btn.outline { background:transparent; border:1px solid #b8c7cd; color:#244757; }
.login-card .public-btn.outline:hover { background:#eaf0f1; }
.login-card .public-status-box { margin:0; border-radius:8px; }
.login-switch { display:grid; gap:10px; margin-top:26px; padding-top:23px; border-top:1px solid #e4e9e8; }
.login-switch strong { font-size:13px; color:#36515d; }
.login-switch p { margin:0 0 3px; font-size:12px; color:#65767e; line-height:1.8; }
@media(max-width:700px) { .login-main > .public-section { padding:28px 0; } .login-card { padding:28px 24px; } .login-card h1 { font-size:24px; } }