.login-page{min-height:100vh;display:grid;place-items:center;padding:20px;background:var(--bg)}
.login-wrap{width:100%;display:grid;place-items:center;padding:20px}
.login-card{width:min(420px,94vw);background:var(--card);border:1px solid var(--border);border-radius:16px;padding:26px;box-shadow:0 16px 40px rgba(0,0,0,.10)}
.login-brand{display:flex;gap:12px;align-items:center;margin-bottom:12px}
.login-brand .brand-mark{width:44px;height:44px;border-radius:12px;background:var(--primary);color:#fff;display:grid;place-items:center;font-size:22px;flex-shrink:0}
.login-brand .brand-name{font-weight:800;font-size:18px;color:var(--text);line-height:1.2}
.login-brand .brand-sub{font-size:12px;color:var(--text-muted)}
.login-card h2{font-size:20px;margin:4px 0;color:var(--text)}
.login-sub{font-size:13px;color:var(--text-muted);margin-bottom:14px}
.login-sub code{background:var(--bg);padding:1px 6px;border-radius:6px;font-size:12px}
.login-err{background:#fee2e2;color:#b91c1c;border:1px solid #fecaca;border-radius:10px;padding:10px 12px;font-size:13px;margin-bottom:12px}
.login-card .field{display:block;margin:0}
.login-card .field-label{display:block;font-size:12.5px;font-weight:700;color:var(--text);margin-bottom:5px}
.login-card .field-input{display:flex;align-items:center;border:1px solid var(--border);border-radius:10px;padding:0 12px;background:var(--card);min-height:42px}
.login-card .field-input input{border:0;outline:0;background:transparent;color:var(--text);width:100%;font-size:14px;padding:10px 0}
.login-card .btn-primary{margin-top:14px}
.login-foot{margin-top:14px;font-size:13px;text-align:center}
.login-foot a{color:var(--primary);text-decoration:none;font-weight:600}