.auth-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.7);display:flex;justify-content:center;align-items:center;z-index:10001;padding:1rem}.auth-modal-content{background:#fff;padding:2.5rem;border-radius:12px;width:100%;max-width:400px;position:relative;animation:modalFadeIn .3s ease-out;z-index:10002;box-shadow:0 10px 25px rgba(0,0,0,.2)}.auth-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.auth-modal-header h2{margin:0;color:#1a1a1a;font-size:1.5rem;font-weight:600}.auth-modal-close{background:none;border:none;font-size:1.75rem;cursor:pointer;color:#666;padding:.5rem;margin:-.5rem -.5rem -.5rem .5rem;transition:color .2s ease}.auth-modal-close:hover{color:#1a1a1a}.auth-modal-body{color:#333;padding:0}:root.dark-mode .auth-modal-content{background:#1a1a1a;box-shadow:0 10px 25px rgba(0,0,0,.4)}:root.dark-mode .auth-modal-header h2{color:#fff}:root.dark-mode .auth-modal-close{color:#999}:root.dark-mode .auth-modal-close:hover{color:#fff}:root.dark-mode .auth-modal-body{color:#e0e0e0}@keyframes modalFadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1024px){.auth-modal-content{max-width:380px;width:85%}}@media (max-width:768px){.auth-modal-overlay{padding:1rem}.auth-modal-content{max-width:95%;width:95%;padding:2rem;max-height:85vh;overflow-y:auto}.auth-modal-header{margin-bottom:1.5rem}.auth-modal-header h2{font-size:1.25rem}.auth-modal-close{font-size:1.5rem;padding:.4rem}}@media (max-width:576px){.auth-modal-overlay{padding:.5rem}.auth-modal-content{width:100%;max-width:100%;margin:0;padding:1.5rem;border-radius:8px;max-height:90vh}.auth-modal-header{margin-bottom:1.25rem;flex-wrap:wrap;gap:.5rem}.auth-modal-header h2{font-size:1.1rem;line-height:1.3;flex:1 1;min-width:0}.auth-modal-close{font-size:1.3rem;padding:.3rem;margin:0;flex-shrink:0}.auth-modal-body{font-size:.95rem}}