{} *{} /*endBaseStyles*/
     


      #IE-warning {
        display: none;
        position: fixed;
        width: 100%;
        height: 100%;
        z-index: 9999;
        background: white;
      }
      .IE-warning-message {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        text-align: center;
      }
    



 * { margin: 0; padding: 0; box-sizing: border-box; } body { font-family: 'Arial', sans-serif; line-height: 1.6; color: #333; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); min-height: 100vh; } .container { max-width: 1200px; margin: 0 auto; padding: 20px; } .header { text-align: center; padding: 40px 0; color: white; } .main-headline { font-size: 3.5rem; font-weight: bold; margin-bottom: 20px; text-shadow: 2px 2px 4px rgba(0,0,0,0.3); animation: fadeInUp 1s ease-out; } .sub-headline { font-size: 1.5rem; margin-bottom: 30px; opacity: 0.9; animation: fadeInUp 1s ease-out 0.3s both; } .video-section { background: white; border-radius: 20px; padding: 40px; margin: 40px 0; box-shadow: 0 20px 40px rgba(0,0,0,0.1); animation: fadeInUp 1s ease-out 0.6s both; } .video-title { font-size: 2rem; text-align: center; margin-bottom: 30px; color: #667eea; font-weight: bold; } .video-container { position: relative; width: 100%; height: 0; padding-bottom: 56.25%; margin-bottom: 30px; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 15px; } .benefits-section { background: white; border-radius: 20px; padding: 40px; margin: 40px 0; box-shadow: 0 20px 40px rgba(0,0,0,0.1); animation: fadeInUp 1s ease-out 0.9s both; } .benefits-title { font-size: 2.5rem; text-align: center; margin-bottom: 40px; color: #667eea; font-weight: bold; } .benefits-list { list-style: none; padding: 0; } .benefit-item { background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%); color: white; padding: 25px; margin: 20px 0; border-radius: 15px; font-size: 1.2rem; font-weight: 600; box-shadow: 0 10px 20px rgba(0,0,0,0.1); transform: translateX(-50px); opacity: 0; animation: slideInLeft 0.8s ease-out forwards; } .benefit-item:nth-child(1) { animation-delay: 1.2s; } .benefit-item:nth-child(2) { animation-delay: 1.4s; } .benefit-item:nth-child(3) { animation-delay: 1.6s; } .benefit-item:nth-child(4) { animation-delay: 1.8s; } .benefit-item:nth-child(5) { animation-delay: 2.0s; } .benefit-item::before { content: "✓"; font-size: 1.5rem; margin-right: 15px; color: #fff; font-weight: bold; } .cta-section { text-align: center; padding: 60px 0; animation: fadeInUp 1s ease-out 2.2s both; } .cta-title { font-size: 2.5rem; color: white; margin-bottom: 30px; font-weight: bold; text-shadow: 2px 2px 4px rgba(0,0,0,0.3); } .cta-button { display: inline-block; background: linear-gradient(135deg, #ff6b6b 0%, #ee5a24 100%); color: white; padding: 25px 50px; font-size: 1.8rem; font-weight: bold; text-decoration: none; border-radius: 50px; box-shadow: 0 15px 30px rgba(238, 90, 36, 0.4); transition: all 0.3s ease; text-transform: uppercase; letter-spacing: 1px; } .cta-button:hover { transform: translateY(-5px); box-shadow: 0 20px 40px rgba(238, 90, 36, 0.6); background: linear-gradient(135deg, #ee5a24 0%, #ff6b6b 100%); } .urgency-text { color: white; font-size: 1.2rem; margin-top: 20px; font-weight: 600; } @keyframes fadeInUp { from { opacity: 0; transform: translateY(30px); } to { opacity: 1; transform: translateY(0); } } @keyframes slideInLeft { to { opacity: 1; transform: translateX(0); } } @media (max-width: 768px) { .main-headline { font-size: 2.5rem; } .sub-headline { font-size: 1.2rem; } .benefits-title { font-size: 2rem; } .benefit-item { font-size: 1rem; padding: 20px; } .cta-button { font-size: 1.4rem; padding: 20px 40px; } .cta-title { font-size: 2rem; } .video-section, .benefits-section { padding: 20px; } } .pulse { animation: pulse 2s infinite; } @keyframes pulse { 0% { transform: scale(1); } 50% { transform: scale(1.05); } 100% { transform: scale(1); } } .highlight { background: linear-gradient(135deg, #ffeaa7 0%, #fab1a0 100%); color: #2d3436; padding: 3px 8px; border-radius: 5px; font-weight: bold; }