.login-page{position:relative;display:grid;min-height:100svh;width:100%;max-width:none;margin:0;padding:clamp(1.5rem,4vw,3rem);place-items:center;background:var(--login-page);color:var(--login-text)}.login-brand{position:absolute;top:1.25rem;left:clamp(1.5rem,7vw,9rem);width:min(15rem,42vw)}.language-nav{position:absolute;top:var(--space-lg);right:var(--space-lg);display:flex;gap:var(--space-md);font-size:var(--font-label)}.language-nav a{color:var(--login-muted)}.language-nav a[aria-current=page]{color:var(--login-link)}.login-panel{width:min(calc(100% - 2rem),40.5rem);max-height:calc(100svh - 2rem);margin:auto;padding:2rem;overflow:auto;border:1px solid var(--login-border);border-radius:var(--login-control-radius);background:var(--login-page);color:var(--login-text)}.login-panel::backdrop{background:transparent}.login-dialog-header{display:grid;grid-template-columns:2.75rem 1fr 2.75rem;gap:.5rem;margin-bottom:2.75rem;padding:0;align-items:start;text-align:center}.login-dialog-header h1{margin:0;color:var(--login-text);font-size:1.5rem;font-weight:700;line-height:1.3}.login-dialog-header p{margin:.35rem 0 0;font-size:var(--font-body)}.login-icon-button{display:grid;width:2.75rem;height:2.75rem;padding:0;border:0;background:transparent;color:var(--login-text);place-items:center}.login-icon-button svg{width:1.5rem;height:1.5rem;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.6}.login-logo{width:100%;height:auto;object-fit:contain}.login-panel form{display:flex;width:100%;flex-direction:column}.login-panel label{margin-bottom:.35rem;color:var(--login-text);font-size:var(--font-body);font-weight:500}.input-shell{display:flex;min-height:var(--login-input-height);margin-bottom:1.5rem;padding-inline:1rem;border:1px solid var(--login-border);border-radius:var(--login-control-radius);align-items:center;gap:.75rem}.input-shell:focus-within{border-color:var(--login-focus);box-shadow:0 0 0 2px var(--login-page),0 0 0 4px var(--login-focus)}.input-shell-error,.input-shell-error:focus-within{margin-bottom:.35rem;border-color:var(--login-error);box-shadow:none}.input-shell-error input{color:var(--login-error)}.input-shell-error svg{stroke:var(--login-error)}.field-error{display:flex;margin:0 0 1rem;color:var(--login-error);font-size:var(--font-label);line-height:1.4;align-items:flex-start;gap:.4rem}.field-error svg{width:1rem;height:1rem;margin-top:.1rem;flex:0 0 auto;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7}.input-shell svg{width:1.25rem;height:1.25rem;flex:0 0 auto;fill:none;stroke:var(--login-muted);stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5}.input-shell input{min-width:0;min-height:calc(var(--login-input-height) - 2px);padding:0;border:0;outline:0;background:transparent;color:var(--login-text);font:inherit;flex:1 1}.input-shell input::placeholder{color:var(--login-muted);opacity:1}.visibility-button{display:grid;min-width:2.75rem;min-height:2.75rem;margin-right:-.75rem;padding:0;border:0;background:transparent;place-items:center}.forgot-link{align-self:center;min-height:2.75rem;margin:-.8rem 0 1.4rem;padding:.65rem;border:0;background:transparent;color:var(--login-link);font-size:var(--font-label);font-weight:600;text-decoration:underline}.login-message{margin:-.65rem 0 1rem;color:var(--login-error);font-size:var(--font-label);text-align:center}.submit-button{min-height:var(--login-input-height);padding:.75rem 1rem;border:0;border-radius:var(--login-control-radius);background:var(--login-button-active);color:var(--login-button-active-text);font-size:var(--font-body)}.submit-button:disabled{cursor:not-allowed;background:var(--login-button);color:var(--login-button-text)}.submit-button:not(:disabled):hover{filter:brightness(.97)}.login-register{margin:1.75rem 0 0;color:var(--login-muted);font-size:var(--font-label);text-align:center}.login-register a{padding:0;border:0;background:transparent;color:var(--login-link);font-size:inherit;font-weight:600}.login-page a:focus-visible,.login-page button:focus-visible{outline:3px solid var(--login-focus);outline-offset:3px}@media (max-width:40rem){.login-page{padding:7rem 1.25rem 2rem}.login-brand{left:1.25rem;width:min(11rem,42vw)}.login-panel{padding:1.5rem}.login-dialog-header{margin-bottom:2rem}}