.login-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:9999;display:flex;align-items:center;justify-content:center;padding:1rem;animation:fadeInOverlay .3s ease-out;pointer-events:all}@keyframes fadeInOverlay{0%{opacity:0}to{opacity:1}}.login-modal-container{background:#1a1a1a;border-radius:16px;padding:2rem;width:100%;max-width:400px;position:relative;animation:slideInModal .4s ease-out;box-shadow:0 20px 40px rgba(0,0,0,.3)}@keyframes slideInModal{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.login-modal-close{position:absolute;top:1rem;right:1rem;background:transparent;border:none;color:#9ca3af;cursor:pointer;padding:.5rem;border-radius:8px;transition:all .2s ease}.login-modal-close:hover{color:#ffffff;background:rgba(255,255,255,.1)}.login-modal-logo{display:flex;justify-content:center;margin-bottom:2rem}.login-modal-logo svg{color:#06b6d4;filter:drop-shadow(0 0 10px rgba(6,182,212,.3))}.login-modal-header{text-align:center;margin-bottom:2rem}.login-modal-title{font-size:1.5rem;font-weight:600;color:#ffffff;margin-bottom:.5rem;line-height:1.3}.login-modal-subtitle{font-size:.95rem;color:#9ca3af;font-weight:400}.login-modal-error{background:#f87171;color:#ffffff;padding:.75rem 1rem;border-radius:8px;font-size:.875rem;margin-bottom:1rem;border:1px solid #dc2626;animation:shakeError .5s ease-in-out}@keyframes shakeError{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}.login-modal-options{display:flex;flex-direction:column;gap:.75rem}.login-modal-button{width:100%;padding:.875rem 1rem;border-radius:12px;border:none;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.75rem;position:relative;overflow:hidden}.login-modal-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s ease}.login-modal-button:hover:before{left:100%}.login-modal-button.google{background:#06b6d4;color:#ffffff}.login-modal-button.google:hover{background:#0891b2;transform:translateY(-1px);box-shadow:0 8px 25px rgba(6,182,212,.3)}.login-modal-email-section{display:flex;flex-direction:column;gap:.75rem}.login-modal-input{width:100%;padding:.875rem 1rem;background:#374151;border:1.5px solid #4b5563;border-radius:12px;color:#ffffff;font-size:.95rem;transition:all .2s ease}.login-modal-input:focus{outline:none;border-color:#06b6d4;box-shadow:0 0 0 3px rgba(6,182,212,.1)}.login-modal-input::placeholder{color:#9ca3af}.login-modal-button.email{background:#374151;color:#ffffff;justify-content:space-between}.login-modal-button.email:hover{background:#4b5563;transform:translateY(-1px)}.login-modal-icon{flex-shrink:0;width:20px;height:20px}.login-modal-button:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.login-modal-button:disabled:hover{transform:none!important;box-shadow:none!important}@media (max-width:480px){.login-modal-container{padding:1.5rem;margin:1rem}.login-modal-title{font-size:1.25rem}.login-modal-button{padding:.75rem 1rem;font-size:.9rem}}