.modal-overlay{z-index:270;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#00000080;justify-content:center;align-items:center;animation:.25s ease-out modalFadeIn;display:flex;position:fixed;inset:0}.modal-overlay--auth{align-items:center;padding:clamp(16px,4vw,40px)}.modal-content{text-align:center;will-change:transform, opacity;background-color:#fff;border-radius:8px;width:90%;max-width:500px;margin:0 auto;padding:24px;animation:.3s cubic-bezier(.22,1,.36,1) modalSlideUp;position:relative;box-shadow:0 4px 8px #0003}.modal-content--auth{border-radius:12px;width:min(500px,92vw);max-width:500px;padding:clamp(28px,5vw,36px)}.modal-title{color:#000;font-size:1.25rem;font-weight:700}.modal-message{margin-bottom:1rem}.modal-form{flex-direction:column;gap:.7rem;display:flex}.modal-form label{color:#000;font-size:.75rem;font-weight:500}.modal-form input{border:1px solid #d1d5db;border-radius:8px;width:100%;padding:8px;font-size:.75rem}.modal-form button.primary{color:#fff;cursor:pointer;text-transform:uppercase;background-color:#000;border:none;border-radius:8px;padding:8px;font-size:.75rem;transition:background-color .3s}.modal-form button.primary:hover{background-color:#333}.modal-form .login-now{color:#77737a;font-size:.75rem}.modal-form .login-now button{color:#007bff;cursor:pointer;background:0 0;border:none;font-size:.75rem;text-decoration:underline}.modal-close{color:#000;cursor:pointer;transform-origin:50%;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;padding:.25rem;font-size:1.7rem;font-weight:700;line-height:1;transition:color .3s,transform .2s;display:flex;position:absolute;top:12px;right:12px}.modal-close:hover{color:#111827;transform:rotate(90deg)}.modal-content--auth>button.primary{color:#fff;cursor:pointer;background-color:#000;border:none;border-radius:8px;padding:12px;font-size:.9rem;font-weight:600;transition:background-color .3s}.modal-content--auth>button.primary:hover{background-color:#333}.modal-content--auth .modal-close{top:12px;right:12px}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(32px)}to{opacity:1;transform:translateY(0)}}.success-message{background-color:#f0fdf4;border:1px solid #86efac;border-radius:8px;justify-content:center;align-items:center;gap:12px;margin:16px 0;padding:16px;display:flex}.success-icon{color:#fff;background-color:#22c55e;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:16px;font-weight:700;display:flex}.success-text{color:#166534;margin:0;font-size:14px}.error-message{background-color:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin:16px 0;padding:16px}.error-message p{color:#dc2626;text-align:center;margin:0;font-size:14px}.google-login-container{justify-content:center;width:100%;margin-bottom:20px;display:flex}.google-btn{color:#3c4043;cursor:pointer;background-color:#fff;border:1px solid #dadce0;border-radius:4px;justify-content:center;align-items:center;gap:10px;width:100%;padding:12px 24px;font-size:14px;font-weight:500;transition:background-color .2s;display:flex}.google-btn:hover{background-color:#f8f9fa;box-shadow:0 1px 2px #3c40434d,0 1px 3px 1px #3c404326}.google-btn:disabled{opacity:.6;cursor:not-allowed}.google-icon{width:18px;height:18px}