{} *{} {} #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; } body { margin: 0; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; background: #0e1014; color: #fff; line-height: 1.6; } header { padding: 40px 20px; text-align: center; background: linear-gradient(to right, #111827, #1f2937); } header h1 { font-size: 2.5rem; margin-bottom: 10px; } header p { font-size: 1.2rem; color: #cbd5e1; } .video-container { max-width: 800px; margin: 30px auto; padding: 0 20px; } iframe { width: 100%; height: 400px; border: none; border-radius: 12px; } .features { max-width: 900px; margin: auto; padding: 30px 20px; } .features h2 { font-size: 2rem; color: #38bdf8; text-align: center; margin-bottom: 30px; } .features ul { list-style: none; padding: 0; } .features li { margin: 20px 0; padding-left: 30px; position: relative; } .features li::before { content: "🤖"; position: absolute; left: 0; top: 0; } .cta { text-align: center; margin: 40px 0; } .cta a { background: #38bdf8; color: #111; padding: 15px 40px; border-radius: 8px; font-size: 1.1rem; text-decoration: none; font-weight: bold; transition: background 0.3s ease; } .cta a:hover { background: #0ea5e9; } footer { text-align: center; padding: 20px; font-size: 0.9rem; color: #94a3b8; } /* Responsive Design */ @media (max-width: 600px) { header h1 { font-size: 1.8rem; } iframe { height: 250px; } }