:root{font-family:Segoe UI,Arial,sans-serif;color:#26334f;background:#eef2f7;font-size:18px}*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;padding:24px}.login-card{width:min(440px,100%);background:#fff;border:1px solid #dce2ea;border-radius:18px;padding:34px;box-shadow:0 18px 48px #1f365b18}.mark{width:58px;height:58px;border-radius:16px;background:#5579ad;color:#fff;font-size:23px;font-weight:800;display:grid;place-items:center;margin-bottom:22px}h1{font-size:30px;margin:0 0 10px}.intro{color:#5f6c82;line-height:1.5;margin:0 0 24px}label{display:block;font-weight:700;margin-bottom:8px}input,button{width:100%;font:inherit;border-radius:9px}input{padding:13px 14px;border:1px solid #aebaca;margin-bottom:14px}input:focus{outline:3px solid #c9d8ee;border-color:#5579ad}button{border:0;padding:13px 16px;background:#5579ad;color:#fff;font-weight:700;cursor:pointer}button:hover{filter:brightness(.95)}.security{font-size:14px;color:#6b7688;line-height:1.45;margin:18px 0 0}.error{background:#fde8e7;color:#8b2522;border:1px solid #f0c7c4;padding:11px 13px;border-radius:8px;margin-bottom:18px}.hidden{display:none}