* { margin: 0; padding: 0; box-sizing: border-box; font-family: 'Arial', sans-serif; }
body { background-color: #0d0d0d; color: #fff; line-height: 1.6; }
.container { max-width: 900px; margin: 0 auto; padding: 20px; text-align: center; }
.hero { background: linear-gradient(to bottom, #1a1a1a, #0d0d0d); padding: 80px 20px; }
.hero h1 { font-size: 2.5rem; color: #00ff88; margin-bottom: 20px; text-transform: uppercase; }
.hero p { font-size: 1.2rem; color: #ccc; margin-bottom: 40px; }
.btn-primary { display: inline-block; background: #00ff88; color: #000; padding: 15px 30px; font-size: 1.2rem; font-weight: bold; text-decoration: none; border-radius: 5px; transition: 0.3s; cursor: pointer; border: none;}
.btn-primary:hover { background: #00cc6a; }
.btn-whatsapp { display: inline-block; background: #25D366; color: #fff; padding: 15px 30px; font-size: 1.2rem; font-weight: bold; text-decoration: none; border-radius: 5px; transition: 0.3s; margin-top: 20px;}
.btn-whatsapp:hover { background: #1ebe57; }
.benefits, .faq { padding: 50px 20px; }
.benefits h2, .faq h2 { color: #00ff88; margin-bottom: 30px; }
.benefits ul { list-style: none; text-align: left; max-width: 600px; margin: 0 auto; }
.benefits ul li { background: #1a1a1a; margin-bottom: 10px; padding: 15px; border-radius: 5px; border-left: 4px solid #00ff88; }
.faq-item { background: #1a1a1a; margin-bottom: 15px; padding: 20px; border-radius: 5px; text-align: left; }
.faq-item h3 { color: #00ff88; margin-bottom: 10px; }
.footer { background: #111; padding: 40px 20px; border-top: 1px solid #333; }