* { margin: 0; padding: 0; box-sizing: border-box; } body { font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; background-color: #f5f7fa; color: #333; line-height: 1.6; } .popup-container { position: fixed; left: 20px; top: 50%; transform: translateY(-50%) translateX(-400px); width: 300px; height: 100px; background: linear-gradient(135deg, #6a11cb 0%, #2575fc 100%); border-radius: 12px; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2); display: flex; align-items: center; padding: 15px; box-sizing: border-box; z-index: 1000; transition: transform 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275); overflow: hidden; } .popup-container.show { transform: translateY(-50%) translateX(0); } .popup-logo { width: 60px; height: 60px; background-color: white; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-left: 15px; flex-shrink: 0; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); } .popup-logo img { width: 40px; height: 40px; object-fit: contain; } .popup-text { color: white; font-size: 14px; line-height: 1.5; text-align: right; flex: 1; } .popup-close { position: absolute; top: 8px; left: 8px; background: rgba(255, 255, 255, 0.3); width: 24px; height: 24px; border-radius: 50%; display: flex; align-items: center; justify-content: center; cursor: pointer; color: white; font-size: 16px; transition: all 0.3s ease; } .popup-close:hover { background: rgba(255, 255, 255, 0.5); transform: rotate(90deg); } // نمایش پاپ‌آپ پس از 3 ثانیه setTimeout(function() { document.getElementById('popup').classList.add('show'); }, 3000); // بستن پاپ‌آپ function closePopup() { document.getElementById('popup').classList.remove('show'); }