.login-card{width:100%; max-width:400px; overflow:hidden;}
.login-brand{display:flex; align-items:center; justify-content:center; height:84px; background:var(--accent);}
.login-brand img{max-height:44px; max-width:220px;}
.login-body{padding:24px 28px 8px;}
.login-body h1{margin:6px 0 2px; font-size:24px;}
.login-body form{display:flex; flex-direction:column; gap:12px; margin-top:20px;}
.login-body .btn{width:100%; padding:11px 14px;}
.login-foot{display:flex; align-items:center; justify-content:space-between; padding:6px 20px 12px 28px; font-size:12px;}