.login{min-height:100dvh;padding:24px 16px;display:grid;place-items:center;background:var(--bg)}.login__card{width:min(420px,100%);padding:32px 28px;display:grid;gap:14px;border:1px solid var(--line);border-radius:16px;background:var(--surface)}.login__logo{justify-self:start;margin-bottom:8px}.login__title{margin:0;font-family:var(--font-display);font-weight:400;font-size:28px;line-height:1.1;text-transform:uppercase}.login__lead{margin:0;color:var(--text-soft);font-size:16px}.login__label{margin-top:6px;font-size:16px;font-weight:600}.login__input{width:100%;min-height:56px;padding:0 16px;border:1px solid var(--line);border-radius:var(--radius);background:var(--bg);color:var(--text);font:inherit;font-size:20px}.login__password{display:flex;gap:8px}.login__show{flex-shrink:0;min-height:56px}.login__input::placeholder{color:var(--faint)}.login__input:focus-visible{outline:2px solid var(--accent-text);outline-offset:2px}.login__input[aria-invalid=true]{border-color:var(--red)}.login__error{margin:0;color:var(--red-text);font-size:15px}.login__button{min-height:52px;font-size:17px}.login__note{margin:4px 0 0;color:var(--muted);font-size:13px;line-height:1.5}