.auth{min-height:100dvh;max-width:var(--size-auth-max);padding:var(--space-12) var(--space-gutter) var(--space-8);flex-direction:column;justify-content:center;margin:0 auto;display:flex}.auth-brand{text-align:center;margin-bottom:var(--space-10)}.auth-brand p{margin-top:var(--space-3)}.brand-art{width:var(--size-fn-logo-w);height:auto;margin:0 auto;display:block}.brand-type{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .brand-art{display:none}:root:not([data-theme=light]) .brand-type{clip-path:none;white-space:normal;width:auto;height:auto;position:static;overflow:visible}}:root[data-theme=dark] .brand-art{display:none}:root[data-theme=dark] .brand-type{clip-path:none;white-space:normal;width:auto;height:auto;position:static;overflow:visible}.control-icon{flex:1;position:relative}.control-icon>.icon-sm{left:var(--space-4);color:var(--text-secondary);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.control-icon>.control{padding-left:calc(var(--space-4) * 2 + var(--size-icon-sm))}.auth .card{padding:var(--space-6);border:1px solid var(--surface-card-edge);box-shadow:0 var(--space-2) var(--space-6) color-mix(in srgb, var(--shadow-ink) 8%, transparent);transition:opacity var(--motion-duration-in) var(--motion-ease-enter), transform var(--motion-duration-in) var(--motion-ease-enter)}@starting-style{.auth .card{opacity:0;transform:translateY(var(--space-2))}}.auth .card h2+p{margin-top:var(--size-field-gap)}.auth .btn-block{margin-top:var(--space-6)}.auth .turnstile-wrap{margin-top:var(--space-5)}.auth-links{align-items:center;gap:var(--space-2);margin-top:var(--space-5);flex-direction:column;display:flex}.password-toggle{min-width:var(--size-touch-comfort);border-radius:var(--radius-md);border:1.5px solid var(--surface-sunken);background:var(--surface-card);color:var(--text-secondary);place-items:center;display:grid}.password-toggle[aria-pressed=true]{color:var(--text-accent)}.password-toggle svg{width:var(--size-icon);height:var(--size-icon);stroke:currentColor;fill:none;stroke-width:1.7px}.control-icon>.icon-sm,.password-toggle svg{stroke-width:2px}.password-toggle{transition:transform var(--motion-duration-press) var(--motion-ease-enter), color var(--motion-duration-hover) ease}.password-toggle:active{transform:scale(var(--motion-press-scale))}@media (prefers-reduced-motion:reduce){.auth .card,.password-toggle:active{transform:none}}