.login-wrap{justify-content:center;align-items:center;min-height:100dvh;padding:40px 16px;display:flex}.login-stack{flex-direction:column;gap:18px;width:100%;max-width:392px;display:flex}.login-logo{align-self:center;width:auto;height:24px;display:block}.login-card{background:var(--bg-surface);border:1px solid var(--border-subtle);box-shadow:var(--shadow-card);border-radius:8px;flex-direction:column;gap:18px;padding:28px 28px 26px;display:flex}.login-heading{text-align:center;flex-direction:column;gap:5px;display:flex}.login-card h1{letter-spacing:-.01em;color:var(--text-primary);text-wrap:balance;margin:0;font-size:19px;font-weight:700}.login-sub{color:var(--text-secondary);margin:0;font-size:13px}.login-error{background:var(--error-soft-bg);border:1px solid var(--error-soft-border);color:var(--error-ink);border-radius:6px;align-items:flex-start;gap:8px;margin:0;padding:10px 12px;font-size:12.5px;font-weight:500;line-height:1.45;display:flex}.login-error svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;flex:none;width:14px;height:14px;margin-top:1px}.login-fields{flex-direction:column;gap:14px;display:flex}.login-field{flex-direction:column;gap:6px;display:flex}.login-field label{letter-spacing:.06em;text-transform:uppercase;color:var(--text-secondary);font-size:11px;font-weight:600}.login-field input{font:inherit;border:1px solid var(--border);background:var(--bg-surface);min-height:42px;color:var(--text-primary);border-radius:6px;padding:10px 12px;font-size:13.5px}.login-field input:focus-visible{outline:2px solid var(--accent);outline-offset:1px;border-color:var(--accent)}.login-card button{font:inherit;background:var(--accent-hover);border:1px solid var(--accent-ink);color:#fff;cursor:pointer;border-radius:6px;min-height:44px;padding:10px 14px;font-size:14px;font-weight:600}.login-card button:hover:not(:disabled){background:var(--accent-ink)}.login-card button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.login-card button:disabled{opacity:.7;cursor:default}@media (max-width:700px){.login-wrap{padding:28px 20px}.login-stack{gap:16px}.login-logo{height:22px}.login-card{gap:16px;padding:22px 20px}.login-card h1{font-size:17px}.login-sub{font-size:12.5px}.login-field input{min-height:46px;font-size:16px}.login-card button{min-height:48px;font-size:14.5px}}
