:root{font-family:Inter,Segoe UI,sans-serif;color:#172033;background:#eef2f7}*{box-sizing:border-box}body{margin:0}.login-shell{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 15% 15%,#dbeafe 0,transparent 33%),linear-gradient(135deg,#f8fafc,#e8edf5)}.login-card{width:min(420px,100%);background:#fff;border:1px solid #dfe6ef;border-radius:22px;padding:40px;box-shadow:0 24px 70px #1e293b1c}.mark{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:#155eef;color:#fff;font-weight:800;font-size:24px}.eyebrow{margin:24px 0 4px;color:#155eef;font-weight:800;letter-spacing:.18em;font-size:12px}.login-card h1{margin:0;font-size:30px}.intro{color:#64748b;margin:8px 0 28px}.login-card label{display:block;margin:16px 0 7px;font-size:14px;font-weight:700}.login-card input{width:100%;border:1px solid #cbd5e1;border-radius:10px;padding:12px 13px;font-size:16px}.login-card input:focus{outline:3px solid #bfdbfe;border-color:#155eef}.login-card button{width:100%;margin-top:24px;border:0;border-radius:10px;padding:13px;background:#155eef;color:#fff;font-size:16px;font-weight:800;cursor:pointer}.validation{color:#b42318;font-size:14px}.validation:empty{display:none}