.password-field { position: relative; display: block; width: 100%; }
.password-field > input[type="password"], .password-field > input[type="text"] { width: 100%; padding-right: 68px; }
.password-field > .password-eye { position: absolute; right: 4px; top: 50%; transform: translateY(-50%); display: grid; place-items: center; min-width: 52px; min-height: 44px; padding: 4px; border: 0; border-radius: 10px; background: transparent; color: #2868cf; font: inherit; font-size: 12px; cursor: pointer; }
.password-field > .password-eye:focus-visible { outline: 3px solid #2868cf; outline-offset: 1px; }
.signup-consent { padding: 12px; border: 1px solid #c8d6e5; border-radius: 12px; font-size: 12px; line-height: 1.75; font-weight: 400; white-space: pre-line; }
.signup-check { display: flex; align-items: flex-start; gap: 9px; line-height: 1.6; }
.signup-check > input { width: 20px; height: 20px; flex: 0 0 20px; }
.signup-honeypot { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
#signup-status { min-height: 1.4em; color: #b23b31; font-size: 13px; }