.login-shell{background:var(--bg);place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-lg);width:100%;max-width:420px;box-shadow:var(--shadow-md);padding:40px 32px 32px}.login-card .brand{margin-bottom:32px}.login-title{letter-spacing:-.01em;margin-bottom:6px;font-size:28px;font-weight:500;line-height:1.1}.login-sub{color:var(--fg-muted);margin-bottom:28px;font-size:14px;line-height:1.5}.login-form{flex-direction:column;gap:16px;display:flex}.login-field{flex-direction:column;gap:6px;display:flex}.login-field span{letter-spacing:.04em;text-transform:uppercase;color:var(--fg-muted);font-size:12px;font-weight:500}.login-field input{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);height:44px;font:inherit;color:var(--fg);outline:none;padding:0 14px;transition:border-color .16s}.login-field input:focus{border-color:var(--preto-asfalto)}:root[data-theme=dark] .login-field input:focus{border-color:var(--branco-nublado)}.login-error{color:var(--rosa-darwin);border-radius:var(--radius-sm);background:#de007814;border:1px solid #de00784d;padding:10px 12px;font-size:13px}.login-foot{color:var(--fg-muted);text-align:center;margin-top:24px;font-size:12px;line-height:1.5}.spin{animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}