.auth-modal-overlay{position:fixed;inset:0;background-color:rgba(0,0,0,.65);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:1rem;animation:authFadeIn .25s ease-out}.auth-modal-container{background:#ffffff;border-radius:16px;max-width:480px;width:100%;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 20px 25px -5px rgba(0,0,0,.2),0 10px 10px -5px rgba(0,0,0,.04);padding:2.25rem 2rem 2rem;animation:authScaleUp .25s cubic-bezier(.16,1,.3,1)}.auth-modal-close-btn{position:absolute;top:1.25rem;right:1.25rem;background:#f3f4f6;border:none;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#4b5563;transition:all .2s ease;z-index:10}.auth-modal-close-btn:hover{background:#e5e7eb;color:#111827;transform:rotate(90deg)}.auth-modal-header{text-align:center;margin-bottom:1.5rem}.auth-modal-title{font-size:1.5rem;font-weight:700;color:#111827;margin:0 0 .5rem;line-height:1.25}.auth-modal-subtitle{font-size:.875rem;color:#6b7280;margin:0;line-height:1.4}.auth-modal-body{margin-top:.5rem}.auth-modal-container::-webkit-scrollbar{width:6px}.auth-modal-container::-webkit-scrollbar-track{background:transparent}.auth-modal-container::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}@keyframes authFadeIn{0%{opacity:0}to{opacity:1}}@keyframes authScaleUp{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}@media (max-width:640px){.auth-modal-container{padding:1.75rem 1.25rem 1.5rem;border-radius:14px}.auth-modal-title{font-size:1.25rem}}