{} *{} #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; } *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; } body { font-family: 'Inter', Arial, sans-serif; color: #2d2d2d; background-color: #f9faf7; line-height: 1.7; -webkit-font-smoothing: antialiased; } /* ---- HEADER / HERO ---- */ .hero { background: linear-gradient(135deg, #3a7d44 0%, #69b578 100%); color: #ffffff; text-align: center; padding: 60px 24px 50px; } .hero-badge { display: inline-block; background: rgba(255,255,255,0.2); padding: 6px 18px; border-radius: 20px; font-size: 13px; font-weight: 600; letter-spacing: 1px; text-transform: uppercase; margin-bottom: 20px; } .hero h1 { font-family: 'Merriweather', Georgia, serif; font-size: clamp(26px, 5vw, 44px); line-height: 1.25; max-width: 720px; margin: 0 auto 18px; } .hero p { font-size: 17px; max-width: 600px; margin: 0 auto 30px; opacity: 0.92; } .btn-primary { display: inline-block; background: #f5a623; color: #2d2d2d; font-weight: 700; font-size: 17px; padding: 16px 40px; border: none; border-radius: 8px; cursor: pointer; text-decoration: none; transition: background 0.25s, transform 0.15s; box-shadow: 0 4px 14px rgba(0,0,0,0.15); } .btn-primary:hover { background: #e6951a; transform: translateY(-2px); } /* ---- CONTAINER ---- */ .container { max-width: 780px; margin: 0 auto; padding: 0 24px; } /* ---- SECTION SHARED ---- */ section { padding: 50px 0; } section h2 { font-family: 'Merriweather', Georgia, serif; font-size: clamp(22px, 4vw, 32px); color: #2a5f30; text-align: center; margin-bottom: 30px; } /* ---- WHAT YOU'LL LEARN (BULLETS) ---- */ .learn-list { list-style: none; padding: 0; } .learn-list li { background: #ffffff; border-left: 5px solid #69b578; padding: 18px 22px; margin-bottom: 14px; border-radius: 6px; font-size: 16px; box-shadow: 0 2px 6px rgba(0,0,0,0.05); } .learn-list li strong { color: #2a5f30; } /* ---- ABOUT THE EBOOK ---- */ .about-text { font-size: 16px; text-align: center; max-width: 640px; margin: 0 auto; color: #444444; } /* ---- TESTIMONIALS ---- */ .testimonials { background: #eef5e9; } .testimonial-card { background: #ffffff; border-radius: 10px; padding: 26px 28px; margin-bottom: 18px; box-shadow: 0 2px 8px rgba(0,0,0,0.06); } .testimonial-card p { font-style: italic; font-size: 15px; color: #555555; margin-bottom: 10px; } .testimonial-card .name { font-weight: 700; font-size: 14px; color: #2a5f30; } /* ---- CTA SECTION ---- */ .cta-section { background: linear-gradient(135deg, #3a7d44 0%, #69b578 100%); color: #ffffff; text-align: center; padding: 50px 24px; } .cta-section h2 { color: #ffffff; margin-bottom: 14px; } .cta-section p { font-size: 16px; opacity: 0.92; max-width: 560px; margin: 0 auto 28px; } .btn-secondary { display: inline-block; background: #ffffff; color: #2a5f30; font-weight: 700; font-size: 17px; padding: 16px 40px; border: none; border-radius: 8px; cursor: pointer; text-decoration: none; transition: background 0.25s, transform 0.15s; box-shadow: 0 4px 14px rgba(0,0,0,0.12); } .btn-secondary:hover { background: #f0f0f0; transform: translateY(-2px); } /* ---- GUARANTEE ---- */ .guarantee { text-align: center; } .guarantee-box { display: inline-block; background: #fff8e1; border: 2px solid #f5a623; border-radius: 10px; padding: 28px 32px; max-width: 560px; } .guarantee-box h3 { color: #c77d00; font-size: 20px; margin-bottom: 10px; } .guarantee-box p { font-size: 15px; color: #555555; } /* ---- FACEBOOK COMPLIANCE / DISCLAIMER ---- */ .compliance { background: #f0f0f0; padding: 40px 24px; border-top: 1px solid #dcdcdc; } .compliance h3 { font-size: 18px; color: #333333; text-align: center; margin-bottom: 18px; } .compliance p { font-size: 13px; color: #666666; max-width: 700px; margin: 0 auto 14px; text-align: center; line-height: 1.75; } .compliance p:last-child { margin-bottom: 0; } /* ---- FOOTER ---- */ footer { text-align: center; padding: 24px; font-size: 13px; color: #999999; background: #2d2d2d; } footer a { color: #bbbbbb; text-decoration: underline; }