.login{min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:64px 16px 24px;background:var(--background);position:relative}.login__lang{position:absolute;top:16px;inset-inline-end:16px;display:inline-flex;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.login__lang-button{font:inherit;padding:6px 12px;min-height:36px;background:var(--background);color:var(--foreground);border:0;cursor:pointer}.login__lang-button+.login__lang-button{border-inline-start:1px solid var(--border)}.login__lang-button[aria-pressed=true]{background:var(--primary);color:var(--primary-foreground)}.login__card{width:400px;max-width:100%;padding:32px;background:var(--surface);color:var(--surface-foreground);border:1px solid var(--border-subtle);border-radius:calc(var(--radius) * 2);box-shadow:var(--shadow-sm)}.login__logo{display:block;margin-bottom:16px}.login__title{margin:0 0 24px;font-size:1.5rem;font-weight:600;line-height:1.4}.login__lead{margin:-12px 0 24px;color:var(--muted-foreground)}.login__form{gap:16px}.login__field,.login__form{display:flex;flex-direction:column}.login__field{gap:6px}.login__field label{font-weight:500}.login__field input{font:inherit;width:100%;min-height:40px;padding:8px 12px;background:var(--background);color:var(--foreground);border:1px solid var(--input);border-radius:var(--radius)}.login__field input[aria-invalid=true]{border-color:var(--danger)}.login button:disabled,.login__field input:disabled{opacity:.6;cursor:not-allowed}.login__password{display:flex;gap:8px}.login__reveal{font:inherit;white-space:nowrap;padding:0 12px;background:var(--secondary);color:var(--secondary-foreground);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer}.login__field input.login__code{font-size:1.5rem;letter-spacing:.4em;padding-inline-start:calc(12px + .4em);text-align:center;font-feature-settings:"kern" off;font-kerning:none}.login__hint{margin:0;color:var(--muted-foreground);font-size:.875rem}.login__field-error{display:flex;align-items:flex-start;gap:6px;margin:0;color:var(--danger);font-size:.875rem}.login__submit{font:inherit;font-weight:600;min-height:44px;background:var(--primary);color:var(--primary-foreground);border:0;border-radius:var(--radius);cursor:pointer}.login__submit[aria-disabled=true]{opacity:.6;cursor:not-allowed}.login__submit--link{display:flex;align-items:center;justify-content:center;text-decoration:none}.login__link{align-self:center;color:var(--primary);text-decoration:underline}.login__link--button{font:inherit;background:none;border:0;padding:4px;cursor:pointer}.login__banner{display:flex;align-items:flex-start;gap:8px;margin:0 0 16px;padding:10px 12px;border-radius:var(--radius)}.login__form .login__banner{margin:0}.login__banner--error{background:var(--danger-subtle);color:var(--danger-subtle-foreground)}.login__banner--info{background:var(--info-subtle);color:var(--info-subtle-foreground)}.login__banner span{min-width:0;overflow-wrap:anywhere}.login__skeleton{display:grid;gap:16px}.login__skeleton span{display:block;height:44px;border-radius:var(--radius);background:var(--muted)}.login__icon{flex:none;margin-top:3px}.login__sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.login__reveal{display:inline-flex;align-items:center;justify-content:center}.login__reveal-icon{display:none}@media (max-width:400px){.login__card{padding:24px 16px}.login__reveal{min-width:44px}.login__reveal-icon{display:block}.login__reveal-label{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}}