* { margin: 0; padding: 0; box-sizing: border-box; }
body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; line-height: 1.6; color: #333; }
.hero { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: white; padding: 100px 20px; text-align: center; }
.hero h1 { font-size: 3em; margin-bottom: 20px; }
.hero-subtitle { font-size: 1.3em; margin-bottom: 30px; max-width: 800px; margin-left: auto; margin-right: auto; }
.btn { display: inline-block; background: #ff6b6b; color: white; padding: 15px 40px; text-decoration: none; border-radius: 5px; font-size: 1.1em; font-weight: bold; }
.btn:hover { background: #ee5a52; }
section { padding: 60px 20px; max-width: 1200px; margin: 0 auto; }
.calculator { background: #f8f9fa; padding: 30px; border-radius: 10px; margin: 30px 0; }
.calculator input { width: 100%; padding: 10px; margin: 10px 0; font-size: 1.1em; border: 2px solid #ddd; border-radius: 5px; }
.result { background: white; padding: 20px; margin-top: 20px; border-radius: 5px; text-align: center; }
.loss-monthly { font-size: 3em; color: #dc3545; font-weight: bold; }
.loss-yearly { font-size: 1.5em; color: #6c757d; margin-top: 10px; }
.features { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 30px; margin: 40px 0; }
.feature { text-align: center; padding: 20px; }
.icon { font-size: 3em; display: block; margin-bottom: 15px; }
.cta { background: #f8f9fa; padding: 60px 20px; text-align: center; }
.cta form { max-width: 500px; margin: 30px auto; }
.cta input, .cta button { width: 100%; padding: 15px; margin: 10px 0; font-size: 1.1em; border: 2px solid #ddd; border-radius: 5px; }
.cta button { background: #667eea; color: white; border: none; cursor: pointer; font-weight: bold; }
.cta button:hover { background: #5568d3; }
.guarantee { color: #6c757d; margin-top: 20px; line-height: 2; }
footer { background: #333; color: white; padding: 30px 20px; text-align: center; }
footer a { color: #667eea; text-decoration: none; }