.signup-card { border: 1px solid var(--color-border); border-radius: 1rem; background: var(--color-surface); box-shadow: 0 1rem 2.5rem var(--color-shadow); }
.signup-card h2 { margin-top: 1.5rem; }
.signup-card [hidden] { display: none; }
.signup-card [data-signup-status]:empty, .signup-card [data-signup-errors]:empty { display: none; }
.signup-show-password { justify-self: start; border: 0; padding: .25rem 0; color: var(--color-primary-dark); background: transparent; text-decoration: underline; cursor: pointer; }
.signup-login-link { margin-top: 1.25rem; }
.signup-verify > .button { margin-top: 1rem; }
.signup-card button:disabled { cursor: wait; opacity: .65; }
.signup-card [aria-invalid="true"] { border-color: var(--color-alert); }
@media (max-width: 38rem) { .signup-card { padding: 1.25rem; } }