body { font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif; color: #333; overflow-x: hidden; } .attention-bar { background-color: #c82a98; color: white; font-weight: bold; font-size: 0.9rem; } .hero-section { background: linear-gradient(135deg, #fdf4f9 0%, #fefaff 100%); padding: 80px 0; } .primary-btn { background-color: #c82a98; color: white; font-weight: bold; border-radius: 8px; border: none; transition: 0.3s ease; text-decoration: none; display: inline-block; } .primary-btn:hover { background-color: #a530cc; color: white; transform: translateY(-2px); box-shadow: 0 10px 20px rgba(165, 48, 204, 0.2); } .feature-card { transition: 0.3s; } .feature-card:hover { transform: translateY(-10px); } .gen-media-wrapper iframe { width: 100%; height: 500px; border-radius: 12px; border: none; } @media (max-width: 768px) { .gen-media-wrapper iframe { height: 250px; } } .mid-cta-banner { background: linear-gradient(90deg, #c82a98 0%, #a530cc 100%); } .bonus-card { background: #fff; border: 1px solid #eee; border-radius: 15px; padding: 30px; margin-bottom: 40px; } .value-badge { color: #c82a98; font-size: 1.1rem; } .pulse-animation { animation: pulse 2s infinite; } @keyframes pulse { 0% { transform: scale(1); } 50% { transform: scale(1.05); } 100% { transform: scale(1); } } footer a { text-decoration: none; opacity: 0.7; } footer a:hover { opacity: 1; }