*{margin:0;padding:0;box-sizing:border-box}
body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;line-height:1.8;color:#333;background:#fafafa}
h1{font-size:2.2rem;font-weight:700;margin-bottom:1rem;color:#222}
h2{font-size:1.75rem;font-weight:600;margin-bottom:1rem;color:#222}
h3{font-size:1.3rem;font-weight:600;margin-bottom:0.75rem;color:#333}
p{margin-bottom:1rem;line-height:1.8}
a{color:#3FA34D;text-decoration:none;transition:color 0.2s}
a:hover{color:#2d7a38}
.accent{color:#3FA34D}
.bg-accent{background-color:#3FA34D}
header{position:fixed;top:0;left:0;right:0;background:#fff;box-shadow:0 2px 10px rgba(0,0,0,0.08);z-index:1000;padding:0.75rem 0}
.header-inner{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap}
.logo{font-size:1.5rem;font-weight:700;color:#3FA34D}
.logo:hover{color:#2d7a38;text-decoration:none}
.nav-links{display:flex;gap:1rem;flex-wrap:wrap;align-items:center}
.nav-links a{font-size:0.9rem;color:#555;padding:0.5rem 0.75rem;border-radius:4px;transition:all 0.2s}
.nav-links a:hover{color:#3FA34D;background:rgba(63,163,77,0.08)}
.section{padding:5rem 0}
.section:first-of-type{padding-top:7rem}
.section-light{background:#fff}
.section-alt{background:#f5f7f5}
.card{background:#fff;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,0.06);padding:2rem;margin-bottom:1.5rem;border:none}
.card-product{text-align:center;padding:2rem 1.5rem}
.card-product img{border-radius:8px;margin-bottom:1rem}
.edu-grid{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center}
.edu-grid.reverse{direction:rtl}
.edu-grid.reverse>*{direction:ltr}
.edu-image{border-radius:12px;box-shadow:0 8px 30px rgba(0,0,0,0.1);max-width:100%;height:auto}
.btn-read{display:inline-block;background:#3FA34D;color:#fff;padding:0.75rem 1.5rem;border-radius:6px;font-weight:500;transition:all 0.2s;border:none;cursor:pointer}
.btn-read:hover{background:#2d7a38;color:#fff;text-decoration:none;transform:translateY(-1px)}
.btn-outline{background:transparent;border:2px solid #3FA34D;color:#3FA34D}
.btn-outline:hover{background:#3FA34D;color:#fff}
.term-list{list-style:none;padding:0}
.term-list li{padding:1rem;border-bottom:1px solid #eee;display:flex;gap:1rem}
.term-list li:last-child{border-bottom:none}
.term-badge{background:#e8f5e9;color:#3FA34D;padding:0.25rem 0.75rem;border-radius:4px;font-size:0.85rem;font-weight:500}
.faq-item{border-bottom:1px solid #eee;padding:1.25rem 0}
.faq-question{font-weight:600;cursor:pointer;display:flex;justify-content:space-between;align-items:center}
.faq-question:hover{color:#3FA34D}
.faq-answer{padding-top:1rem;display:none}
.faq-item.active .faq-answer{display:block}
.faq-icon{font-size:1.25rem;transition:transform 0.2s}
.faq-item.active .faq-icon{transform:rotate(45deg)}
.contact-form{max-width:500px}
.contact-form .form-control{border:2px solid #e0e0e0;border-radius:8px;padding:0.875rem 1rem;margin-bottom:1rem;transition:border-color 0.2s}
.contact-form .form-control:focus{border-color:#3FA34D;box-shadow:0 0 0 3px rgba(63,163,77,0.1)}
.disclaimer-box{background:#f0f7f0;border-left:4px solid #3FA34D;padding:1.5rem;border-radius:0 8px 8px 0;margin:1.5rem 0}
.edu-message{background:#fff3cd;border:1px solid #ffc107;padding:1rem;border-radius:8px;font-size:0.9rem;text-align:center;margin:1rem 0}
footer{background:#222;color:#ccc;padding:3rem 0 1.5rem}
footer a{color:#aaa}
footer a:hover{color:#3FA34D}
.footer-links{display:flex;gap:1.5rem;flex-wrap:wrap;margin-bottom:1rem}
.footer-contact{margin-bottom:1.5rem}
.footer-contact p{margin-bottom:0.5rem;font-size:0.9rem}
.footer-bottom{border-top:1px solid #444;padding-top:1.5rem;margin-top:1.5rem;font-size:0.85rem}
.cookie-banner{position:fixed;bottom:0;left:0;right:0;background:#fff;box-shadow:0 -4px 20px rgba(0,0,0,0.1);padding:1.5rem;z-index:2000;display:none}
.cookie-banner.show{display:block}
.cookie-content{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem}
.modal-policy{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.6);z-index:3000;align-items:center;justify-content:center;padding:1rem}
.modal-policy.show{display:flex}
.modal-policy-content{background:#fff;border-radius:12px;max-width:700px;width:100%;max-height:80vh;overflow-y:auto;padding:2rem;position:relative}
.modal-close{position:absolute;top:1rem;right:1rem;font-size:1.5rem;cursor:pointer;color:#666;background:none;border:none;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%}
.modal-close:hover{background:#f0f0f0;color:#333}
.success-popup{display:none;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;padding:2.5rem;border-radius:12px;box-shadow:0 10px 40px rgba(0,0,0,0.2);z-index:3000;text-align:center}
.success-popup.show{display:block}
.success-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.5);z-index:2999}
.success-overlay.show{display:block}
.hero-section{background:linear-gradient(135deg,#f8fbf8 0%,#e8f5e9 100%);padding:8rem 0 5rem}
.routine-card{background:#fff;padding:1.5rem;border-radius:10px;box-shadow:0 2px 15px rgba(0,0,0,0.05);margin-bottom:1rem}
.routine-time{color:#3FA34D;font-weight:600;font-size:0.9rem}
.icon-simple{width:48px;height:48px;background:#e8f5e9;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:1rem}
.icon-simple svg{width:24px;height:24px;stroke:#3FA34D;fill:none;stroke-width:2}
@media(max-width:991px){.edu-grid{grid-template-columns:1fr;gap:2rem}.edu-grid.reverse{direction:ltr}.nav-links{display:none}.header-inner{justify-content:space-between}.mobile-toggle{display:block;background:none;border:none;font-size:1.5rem;cursor:pointer;color:#333}.nav-links.show{display:flex;flex-direction:column;position:absolute;top:100%;left:0;right:0;background:#fff;padding:1rem;box-shadow:0 4px 20px rgba(0,0,0,0.1)}}
@media(min-width:992px){.mobile-toggle{display:none}}
@media(max-width:576px){h1{font-size:1.75rem}h2{font-size:1.5rem}.section{padding:3rem 0}.hero-section{padding:6rem 0 3rem}}