.auth-page { min-height: calc(100vh - 48px); display: grid; grid-template-columns: minmax(320px, 480px); justify-content: center; align-content: center; gap: 14px; padding: 32px 0; }
.auth-panel { border-color: rgba(123,213,111,.22); box-shadow: 0 26px 80px rgba(0,0,0,.34), 0 0 60px rgba(123,213,111,.08); }
.auth-panel h1 { font-size: 34px; }
.auth-help-panel { opacity: .9; }
.password-input-shell { position: relative; display: block; }
.stacked-form .password-input-shell input { padding-right: 52px; }
.password-visibility-button { position: absolute; top: 50%; right: 7px; transform: translateY(-50%); display: grid; place-items: center; width: 34px; height: 34px; border-radius: 8px; border: 1px solid transparent; background: rgba(255,255,255,.045); color: #b9c7bf; cursor: pointer; }
.password-visibility-button:hover,
.password-visibility-button:focus-visible,
.password-visibility-button.is-visible { border-color: rgba(123,213,111,.35); background: rgba(123,213,111,.12); color: var(--fb-dark-text); outline: none; }
.password-visibility-button svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }