.auth-backdrop .auth-card { box-sizing: border-box; width: min(560px,calc(100vw - 32px)) !important; max-height: calc(100dvh - 32px); padding: 28px !important; overflow-y: auto; transition: width .35s cubic-bezier(.22,.61,.36,1); }
.auth-backdrop .auth-card--register { width: min(880px,calc(100vw - 32px)) !important; }
.auth-card .auth-head h2 { font-size: 30px !important; }
.auth-card .auth-sub, .auth-card .auth-switch, .auth-card .auth-switch button, .auth-card .auth-form label, .auth-card .pick-label { font-size: 15px !important; line-height: 1.5; }
.auth-card .auth-input, .auth-card .pick-btn, .auth-card .pick-input-wrap, .auth-card .pick-input-wrap input { font-size: 16px !important; min-height: 48px; box-sizing: border-box; }
.auth-card .auth-tabs button, .auth-card .auth-submit { font-size: 16px !important; min-height: 48px; }
.auth-card .auth-form { gap: 14px; }
.auth-card .auth-password-field { display: block; position: relative; }
.auth-card .auth-password-field input { padding-right: 52px !important; }
.auth-card .auth-password-toggle { position: absolute; right: 2px; top: 2px; width: 44px; height: 44px; display: grid; place-items: center; padding: 0; background: transparent; border: 0; border-radius: 10px; color: #aebdd0; cursor: pointer; }
.auth-password-toggle svg { width: 22px; height: 22px; }
.auth-password-toggle:hover { color: #fff; }
.auth-password-toggle:focus-visible { outline: 2px solid #88e8d1; outline-offset: -3px; }
.auth-mode-enter-active { transition: opacity .25s ease, transform .25s ease; }
.auth-mode-leave-active { transition: opacity .15s ease; }
.auth-mode-enter-from { opacity: 0; transform: translateY(5px); }
.auth-mode-leave-to { opacity: 0; }
.auth-fade-leave-active { transition: opacity .28s ease !important; pointer-events: none; }
.auth-fade-leave-active .auth-card { transition: opacity .24s ease, transform .28s cubic-bezier(.22,.61,.36,1) !important; }
.auth-fade-leave-to { opacity: 0; }
.auth-fade-leave-to .auth-card { opacity: 0; transform: translateY(-8px) scale(.985); }
@media(max-width:600px) { .auth-backdrop .auth-card { padding: 20px !important; } .auth-card .auth-form--register { grid-template-columns: 1fr; } }
@media(prefers-reduced-motion:reduce) { .auth-backdrop .auth-card, .auth-mode-enter-active, .auth-mode-leave-active { transition: none; } .auth-mode-enter-from { transform: none; } }
@media(prefers-reduced-motion:reduce) { .auth-fade-leave-active, .auth-fade-leave-active .auth-card { transition: none !important; } .auth-fade-leave-to .auth-card { transform: none; } }