body{background:#f6f8fb}
.login-wrap{min-height:100vh;display:grid;place-items:center;padding:24px}
.login-card{width:min(420px,100%);background:#fff;border:1px solid rgba(15,23,42,.12);border-radius:18px;box-shadow:0 10px 30px rgba(2,6,23,.08);padding:22px}
.login-head{display:flex;gap:12px;align-items:center;margin-bottom:10px}
.login-head img{width:44px;height:44px;object-fit:contain}
.login-head h1{font-size:16px;margin:0}
.login-head p{margin:2px 0 0;color:#6b7280;font-size:12px}
.field{display:grid;gap:6px;margin-top:12px}
label{font-size:12px;color:#334155;font-weight:700}
input{padding:12px 12px;border-radius:12px;border:1px solid rgba(15,23,42,.12);font-size:14px}
small{color:#6b7280}
.err{display:none;margin-top:10px;padding:10px 12px;background:rgba(220,38,38,.08);border:1px solid rgba(220,38,38,.18);border-radius:12px;color:#b91c1c;font-weight:600;font-size:13px}
.row{display:flex;gap:10px;margin-top:14px}
.row .btn{flex:1}