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