:root{font-family:system-ui,sans-serif;color:#1e293b;background:#eaf0f7;color-scheme:light}
*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(ellipse at top,#d9e8fc,transparent 65%)}
.login-card{width:100%;max-width:440px;background:white;border:1px solid #d9e1ec;border-radius:20px;padding:36px;box-shadow:0 18px 60px #183a6614}
.eyebrow{font-size:11px;font-weight:800;letter-spacing:.16em;color:#2563eb}h1{font-size:28px;letter-spacing:-.03em;margin:12px 0}p{color:#64748b;line-height:1.55;font-size:14px}
label{display:block;font-weight:650;font-size:14px;margin:20px 0 7px}input{width:100%;font:inherit;padding:12px;border:1px solid #b8c5d6;border-radius:8px}
input:focus{outline:3px solid #bfdbfe;border-color:#2563eb}button{width:100%;font:inherit;font-weight:700;color:white;background:#1d4ed8;border:0;padding:13px;border-radius:8px;margin-top:24px;cursor:pointer}
.error{background:#fff1f2;color:#9f1239;padding:12px;border-radius:8px}.fine{font-size:12px;margin:22px 0 0}