.showcase-login{justify-content:center;align-items:center;min-height:100dvh;padding:24px 16px;display:flex}.showcase-login__form{flex-direction:column;gap:20px;width:100%;max-width:380px;display:flex}.showcase-login__form h1{margin:8px 0 4px;font-size:24px;line-height:1.3}.showcase-login__form label{flex-direction:column;gap:8px;font-size:16px;display:flex}.showcase-login__form input:not([type=hidden]){background:var(--field);width:100%;min-height:48px;color:var(--text);border:1px solid var(--border);border-radius:var(--radius);font:inherit;padding:10px 12px}.showcase-login__form button{background:var(--accent);color:#111;border-radius:var(--radius);min-height:48px;font:inherit;cursor:pointer;border:0;font-weight:700}.showcase-login__form button:hover{background:var(--accent-hover)}.showcase-login__form :focus-visible{outline:2px solid var(--accent);outline-offset:3px}.showcase-login__brand{color:var(--text);align-self:flex-start;font-size:30px;font-weight:800;text-decoration:none}.showcase-login__brand span{color:var(--accent)}.showcase-login__error{color:#ffb4b4;margin:0;line-height:1.5}.showcase-login__language{min-height:44px;color:var(--accent);text-underline-offset:3px;align-self:flex-start;align-items:center;display:inline-flex}