*{box-sizing:border-box}
:root{--bg:#eef1f5;--panel:#fff;--text:#172033;--muted:#667085;--accent:#2457d6;--line:#e5e7eb}
html,body{height:100%;margin:0}
body{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:linear-gradient(145deg,#eef1f5,#f8fafc);color:var(--text);display:grid;place-items:center;padding:20px}
.login-card{width:min(100%,420px);background:var(--panel);border-radius:24px;padding:30px;box-shadow:0 18px 50px rgba(15,23,42,.10)}
.badge{display:inline-block;background:#e9efff;color:var(--accent);padding:6px 9px;border-radius:999px;font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em}
h1{margin:15px 0 7px;font-size:1.75rem}.subtitle{color:var(--muted);margin:0 0 24px}
label{display:block;font-size:.78rem;font-weight:800;margin:14px 0 7px}
input{width:100%;border:1px solid var(--line);border-radius:13px;padding:12px 13px;outline:none}
input:focus{border-color:#9db7ff;box-shadow:0 0 0 3px rgba(36,87,214,.09)}
button{width:100%;border:0;border-radius:13px;background:var(--accent);color:#fff;font-weight:800;padding:12px;margin-top:20px;cursor:pointer}
.error{background:#fef2f2;color:#b42318;border-radius:12px;padding:10px 12px;margin:0 0 15px;font-size:.85rem}
.demo{margin-top:18px;padding-top:16px;border-top:1px solid var(--line);color:var(--muted);font-size:.78rem;line-height:1.5}