:root{--bg:#f2f5fa;--card:#fff;--text:#172033;--muted:#6b7788;--line:#dfe5ee;--navy:#2c4268;--navy2:#213653;--soft:#edf2f8;--danger:#b42318;--dangerSoft:#fff0ef}
*{box-sizing:border-box}html{background:var(--bg)}body.login-page{margin:0;min-height:100vh;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}.login-shell{min-height:100vh;display:grid;place-items:center;align-content:center;padding:24px;background:radial-gradient(circle at 50% -10%,#e7edf7 0,#f4f6fa 44%,#edf1f6 100%)}.login-card{width:min(100%,440px);background:#fff;border:1px solid var(--line);border-radius:26px;padding:28px;box-shadow:0 22px 60px rgba(35,52,78,.14)}.login-logo{display:block;width:min(320px,88%);height:auto;margin:2px auto 24px}.login-title{text-align:center;color:var(--navy);font-size:28px;font-weight:900;letter-spacing:-.03em}.login-sub{text-align:center;color:var(--muted);font-size:14px;margin:6px 0 24px}.field{margin-bottom:16px}.label{display:block;font-weight:800;color:#3a4657;margin-bottom:7px}.input-icon-wrap{display:flex;border:1px solid #cbd5e1;border-radius:15px;overflow:hidden;background:#fff}.input-icon{width:52px;display:grid;place-items:center;background:#f7f9fc;border-right:1px solid var(--line);font-size:20px}.input{width:100%;min-height:52px;border:0;padding:12px 14px;outline:0;font:inherit;color:var(--text)}.input-icon-wrap:focus-within{border-color:#6d86ab;box-shadow:0 0 0 4px rgba(44,66,104,.11)}.btn{min-height:50px;border:1px solid var(--line);border-radius:15px;padding:11px 16px;font:inherit;font-weight:850;cursor:pointer}.btn-primary{background:var(--navy);border-color:var(--navy);color:#fff}.btn-primary:hover{background:var(--navy2)}.btn-block{width:100%}.flash{padding:12px 14px;margin:0 0 16px;border-radius:14px;border:1px solid;font-weight:650}.flash-error{background:var(--dangerSoft);color:#8c231b;border-color:#efc0bb}.flash-success{background:#edf9f2;color:#176b3d;border-color:#c9ead7}.login-footer{width:min(100%,440px);text-align:center;color:#8b96a6;font-size:10px;padding:10px}@media(max-width:560px){.login-shell{padding:18px}.login-card{padding:24px 20px;border-radius:22px}.login-logo{width:min(300px,92%);margin-bottom:20px}.login-title{font-size:25px}}