*{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.6;color:#333;background:#fff}
.navbar{background:#fff;box-shadow:0 2px 10px rgba(0,0,0,0.08);padding:15px 0;position:fixed;top:0;left:0;right:0;z-index:1000}
.navbar-brand{font-size:1.5rem;font-weight:700;color:#32CD32!important;text-decoration:none}
.navbar-brand:hover{color:#28a745!important}
.nav-link{color:#333!important;font-weight:500;padding:8px 16px!important;transition:color 0.3s}
.nav-link:hover{color:#32CD32!important}
.navbar-toggler{border:none;padding:5px 10px}
.navbar-toggler:focus{box-shadow:none}
.navbar-toggler-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='%2332CD32' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")}
main{padding-top:80px}
.hero-section{background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);padding:80px 0;min-height:80vh;display:flex;align-items:center}
.hero-content h1{font-size:2.5rem;font-weight:700;color:#222;margin-bottom:20px;line-height:1.3}
.hero-content p{font-size:1.1rem;color:#555;margin-bottom:30px}
.hero-image img{width:100%;height:auto;border-radius:12px;box-shadow:0 20px 40px rgba(0,0,0,0.1)}
.section{padding:80px 0}
.section-alt{background:#f8f9fa}
.section-title{font-size:2rem;font-weight:700;color:#222;margin-bottom:15px}
.section-subtitle{font-size:1rem;color:#666;margin-bottom:40px}
.content-block{margin-bottom:60px}
.content-block h2{font-size:1.75rem;font-weight:600;color:#222;margin-bottom:15px}
.content-block h3{font-size:1.25rem;font-weight:600;color:#333;margin-bottom:12px;margin-top:25px}
.content-block p{color:#555;margin-bottom:15px}
.content-block ul{padding-left:20px;margin-bottom:20px}
.content-block ul li{color:#555;margin-bottom:8px}
.content-image{width:100%;height:auto;border-radius:10px;box-shadow:0 10px 30px rgba(0,0,0,0.1);margin-bottom:20px;transition:transform 0.3s}
.content-image:hover{transform:translateY(-5px)}
.two-column{display:flex;align-items:flex-start;gap:40px;margin-bottom:40px}
.two-column.reverse{flex-direction:row-reverse}
.two-column .text-col{flex:1}
.two-column .image-col{flex:1;max-width:45%}
.btn-learn{background:#32CD32;color:#fff;padding:12px 28px;border-radius:6px;text-decoration:none;font-weight:500;display:inline-block;transition:all 0.3s}
.btn-learn:hover{background:#28a745;color:#fff;text-decoration:none;transform:translateY(-2px);box-shadow:0 5px 15px rgba(50,205,50,0.3)}
.benefit-card{background:#fff;border-radius:10px;padding:30px;margin-bottom:20px;box-shadow:0 5px 20px rgba(0,0,0,0.05);transition:transform 0.3s}
.benefit-card:hover{transform:translateY(-5px)}
.benefit-card h3{color:#222;font-size:1.2rem;margin-bottom:10px}
.benefit-card p{color:#666;font-size:0.95rem;margin:0}
.benefit-icon{width:50px;height:50px;background:#e8f5e9;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:15px;color:#32CD32;font-weight:700;font-size:1.5rem}
.faq-item{background:#fff;border-radius:10px;margin-bottom:15px;overflow:hidden;box-shadow:0 3px 15px rgba(0,0,0,0.05)}
.faq-question{padding:20px 25px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-weight:600;color:#222;transition:background 0.3s}
.faq-question:hover{background:#f8f9fa}
.faq-question.active{background:#e8f5e9;color:#32CD32}
.faq-toggle{font-size:1.5rem;color:#32CD32;transition:transform 0.3s}
.faq-question.active .faq-toggle{transform:rotate(45deg)}
.faq-answer{padding:0 25px;max-height:0;overflow:hidden;transition:all 0.3s}
.faq-answer.show{padding:20px 25px;max-height:500px}
.faq-answer p{color:#555;margin:0}
.contact-form{background:#fff;padding:40px;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,0.08)}
.contact-form h2{margin-bottom:25px;color:#222}
.form-control{border:2px solid #e9ecef;border-radius:8px;padding:12px 18px;font-size:1rem;transition:border-color 0.3s}
.form-control:focus{border-color:#32CD32;box-shadow:0 0 0 3px rgba(50,205,50,0.1)}
.contact-info{padding:40px}
.contact-info h3{color:#222;margin-bottom:20px}
.contact-info p{color:#555;margin-bottom:15px}
.contact-info a{color:#32CD32;text-decoration:none}
.contact-info a:hover{text-decoration:underline}
.disclaimer-box{background:#fff8e1;border-left:4px solid #ffc107;padding:20px;border-radius:0 8px 8px 0;margin:30px 0}
.disclaimer-box h3{color:#856404;font-size:1rem;margin-bottom:10px}
.disclaimer-box p{color:#856404;font-size:0.9rem;margin:0}
.info-notice{background:#e8f5e9;border-radius:10px;padding:25px;margin:30px 0;border:1px solid #c8e6c9}
.info-notice h3{color:#2e7d32;font-size:1.1rem;margin-bottom:10px}
.info-notice p{color:#33691e;font-size:0.95rem;margin:0}
footer{background:#222;color:#fff;padding:60px 0 30px}
.footer-brand{font-size:1.5rem;font-weight:700;color:#32CD32;margin-bottom:15px}
.footer-text{color:#aaa;font-size:0.9rem;margin-bottom:20px}
.footer-links h4{color:#fff;font-size:1rem;margin-bottom:15px}
.footer-links ul{list-style:none;padding:0}
.footer-links ul li{margin-bottom:10px}
.footer-links ul li a{color:#aaa;text-decoration:none;transition:color 0.3s;font-size:0.9rem}
.footer-links ul li a:hover{color:#32CD32}
.footer-contact p{color:#aaa;font-size:0.9rem;margin-bottom:10px}
.footer-contact a{color:#32CD32;text-decoration:none}
.footer-bottom{border-top:1px solid #333;margin-top:40px;padding-top:30px;text-align:center}
.footer-bottom p{color:#666;font-size:0.85rem;margin:0}
.footer-disclaimer{background:#333;padding:15px;border-radius:8px;margin-top:20px}
.footer-disclaimer p{color:#999;font-size:0.8rem;margin:0;text-align:center}
.cookie-banner{position:fixed;bottom:0;left:0;right:0;background:#222;color:#fff;padding:20px;z-index:1001;display:none}
.cookie-banner.show{display:block}
.cookie-banner p{margin:0 0 15px;font-size:0.9rem}
.cookie-banner .btn{margin-right:10px}
.page-header{background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);padding:120px 0 60px}
.page-header h1{font-size:2.5rem;font-weight:700;color:#222;margin-bottom:15px}
.page-header p{color:#666;font-size:1.1rem}
.policy-content{padding:60px 0}
.policy-content h2{font-size:1.5rem;color:#222;margin:40px 0 20px}
.policy-content h3{font-size:1.2rem;color:#333;margin:30px 0 15px}
.policy-content p{color:#555;margin-bottom:15px}
.policy-content ul{padding-left:20px;margin-bottom:20px}
.policy-content ul li{color:#555;margin-bottom:8px}
.about-image{width:100%;border-radius:12px;box-shadow:0 20px 40px rgba(0,0,0,0.1)}
.routine-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,0.08);margin-bottom:30px;transition:transform 0.3s}
.routine-card:hover{transform:translateY(-5px)}
.routine-card img{width:100%;height:200px;object-fit:cover}
.routine-card-body{padding:25px}
.routine-card-body h3{color:#222;margin-bottom:12px}
.routine-card-body p{color:#666;font-size:0.95rem}
.equipment-list{display:flex;flex-wrap:wrap;gap:20px}
.equipment-item{background:#fff;padding:20px;border-radius:10px;flex:1;min-width:200px;box-shadow:0 5px 15px rgba(0,0,0,0.05)}
.equipment-item h4{color:#222;font-size:1rem;margin-bottom:8px}
.equipment-item p{color:#666;font-size:0.9rem;margin:0}
.soft-cta{background:linear-gradient(135deg,#e8f5e9 0%,#c8e6c9 100%);padding:60px 0;text-align:center}
.soft-cta h2{color:#222;margin-bottom:15px}
.soft-cta p{color:#555;margin-bottom:25px;max-width:600px;margin-left:auto;margin-right:auto}
@media (max-width:991px){.hero-content h1{font-size:2rem}.two-column{flex-direction:column}.two-column.reverse{flex-direction:column}.two-column .image-col{max-width:100%}}
@media (max-width:767px){.hero-section{padding:60px 0;min-height:auto}.hero-content h1{font-size:1.75rem}.section{padding:50px 0}.section-title{font-size:1.5rem}.page-header{padding:100px 0 40px}.page-header h1{font-size:1.75rem}.contact-form{padding:25px}.footer-links{margin-bottom:30px}}