*{box-sizing:border-box}
:root{--bg:#f4f7fb;--surface:#fff;--text:#172033;--muted:#6b7280;--border:#dfe5ee;--primary:#1f5eff;--primary-dark:#1648c7;--danger-bg:#fff1f1;--danger-text:#b42318;--success-bg:#ecfdf3;--success-text:#067647;--shadow:0 8px 22px rgba(25,42,70,.07)}
html,body{min-height:100%;margin:0}body{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text);background:var(--bg)}
a{color:var(--primary);text-decoration:none}.login-page{min-height:100vh;display:grid;place-items:center;padding:24px}.login-card{width:min(100%,420px);background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:32px;box-shadow:var(--shadow)}.brand-mark{width:54px;height:54px;display:grid;place-items:center;margin-bottom:18px;border-radius:14px;background:var(--primary);color:#fff;font-weight:800;font-size:20px}.login-card h1{margin:0;font-size:24px}.subtitle{margin:8px 0 24px;color:var(--muted)}label{display:block;margin:0 0 6px;font-weight:600;font-size:13px}input{width:100%;min-width:0;height:38px;padding:0 10px;border:1px solid var(--border);border-radius:8px;background:#fff;color:var(--text);font:inherit;outline:none;margin-bottom:14px}input:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(31,94,255,.1)}button{width:100%;height:42px;border:0;border-radius:9px;background:var(--primary);color:#fff;font:inherit;font-weight:700;cursor:pointer}button:hover{background:var(--primary-dark)}.alert,.success{padding:11px 13px;border-radius:9px;margin:12px 0;font-size:14px}.alert{background:var(--danger-bg);color:var(--danger-text)}.success{background:var(--success-bg);color:var(--success-text)}
@media(max-width:520px){.login-page{padding:14px}.login-card{padding:24px;border-radius:14px}.login-card h1{font-size:21px}}