:root{color:#0f172a;background:#f1f5f9;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}.page{place-items:center;min-height:100vh;padding:24px;display:grid}.card{background:#fff;border:1px solid #cbd5e1;border-radius:16px;width:min(100%,560px);padding:40px;box-shadow:0 18px 40px #0f172a1f}.eyebrow{color:#0369a1;letter-spacing:.04em;text-transform:uppercase;margin:0 0 12px;font-size:14px;font-weight:700}h1{margin:0;font-size:clamp(28px,5vw,38px);line-height:1.15}.description,.status{color:#475569;line-height:1.6}.status{margin-bottom:0}.login-form{gap:18px;margin-top:28px;display:grid}.login-form label{color:#334155;gap:8px;font-size:14px;font-weight:700;display:grid}.login-form input{color:#0f172a;background:#fff;border:1px solid #94a3b8;border-radius:8px;width:100%;padding:12px 14px}.login-form input:focus{border-color:#0284c7;outline:3px solid #0ea5e940}.login-form button{color:#fff;cursor:pointer;background:#0f172a;border:0;border-radius:8px;padding:12px 16px;font-weight:700}.login-form button:disabled{cursor:wait;opacity:.65}.login-error{color:#b91c1c;margin:0;line-height:1.45}
