.container{width:100%;max-width:1200px;margin:0 auto;padding:0 2rem}.hero-section{position:relative;width:100%;height:70vh;min-height:500px;background-image:url(/images/hero.jpg);background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center;text-align:center;color:#fff}.hero-section:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#0f1a16b3;z-index:0}.hero-content{position:relative;z-index:1;max-width:800px;margin:0 auto;padding:0 2rem}.hero-section h1{font-size:3.5rem;font-weight:300;margin-bottom:1.5rem;line-height:1.1;text-transform:uppercase}.hero-section .subtitle{font-size:1.5rem;margin-bottom:2rem;font-weight:300}.btn-shop{display:inline-block;border:1px solid white;color:#fff;padding:.75rem 2.5rem;text-decoration:none;text-transform:uppercase;font-size:.9rem;letter-spacing:2px;transition:all .3s ease}.btn-shop:hover{background-color:#fff;color:#143a29}.intro{padding:5rem 0;background-color:#fff}.intro p{font-size:1.1rem;line-height:1.7;color:#4b5563;margin-bottom:2rem;font-weight:300}.feature-section{padding:5rem 0;background-color:#f9f9f9}.feature-row{display:grid;grid-template-columns:1fr 1fr;gap:3rem;margin-bottom:5rem;align-items:center}.feature-row:last-child{margin-bottom:0}.feature-row.reverse{grid-template-areas:"img content"}.feature-row.reverse .feature-content{grid-area:content}.feature-row.reverse .feature-image{grid-area:img}.feature-row:not(.reverse){grid-template-areas:"content img"}.feature-row:not(.reverse) .feature-content{grid-area:content}.feature-row:not(.reverse) .feature-image{grid-area:img}.feature-content h2{font-size:2.5rem;font-weight:300;color:#1f2937;margin-bottom:1.5rem}.feature-content p{font-size:1.1rem;color:#4b5563;line-height:1.7;margin-bottom:1.5rem;font-weight:300}.feature-image{border-radius:0;overflow:hidden;height:100%;max-height:450px;box-shadow:0 4px 15px #00000014}.feature-image img{width:100%;height:auto;max-height:450px;-o-object-fit:cover;object-fit:cover;display:block}.btn-secondary{display:inline-block;margin-top:1rem;background-color:transparent;color:#143a29;padding:.75rem 2rem;text-decoration:none;text-transform:uppercase;text-align:center;font-size:.9rem;font-weight:400;border:1px solid #143a29;transition:all .3s ease}.btn-secondary:hover{background-color:#143a29;color:#fff}.faq-section{padding:5rem 0;background-color:#fff}.faq-section h2{font-size:2.5rem;font-weight:300;color:#1f2937;margin-bottom:3rem;text-align:center}.faq-list{max-width:900px;margin:0 auto}.faq-item{margin-bottom:1rem;border-bottom:1px solid #e5e7eb}.faq-question{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 0;cursor:pointer}.faq-question h3{font-size:1.25rem;font-weight:400;color:#1f2937;margin:0}.faq-toggle{font-size:1.5rem;font-weight:300;color:#143a29;transition:transform .3s ease}.faq-answer{max-height:0;overflow:hidden;transition:all .3s ease;opacity:0}.faq-answer p{margin-bottom:1rem;line-height:1.7;color:#4b5563}.faq-item.active .faq-toggle{transform:rotate(45deg)}.faq-item.active .faq-answer{max-height:2000px;padding-bottom:1.5rem;opacity:1}.school-list{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem;margin:1.5rem 0}.school-list div{font-size:.95rem;color:#4b5563}.site-footer{background-color:#f9fafb;padding:4rem 0;border-top:1px solid #e5e7eb}.footer-columns{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;margin-bottom:3rem}.footer-column h3{font-size:1.25rem;color:#143a29;margin-bottom:1.5rem;font-weight:500}.footer-column p{color:#6b7280;margin-bottom:.5rem;font-size:.95rem;line-height:1.5}.footer-links{list-style-type:none;padding:0;margin:0}.footer-links li{margin-bottom:.75rem}.footer-links a{color:#6b7280;text-decoration:none;transition:color .2s ease}.footer-links a:hover{color:#143a29}.footer-copyright{text-align:center;color:#6b7280;font-size:.9rem;padding-top:2rem;border-top:1px solid #e5e7eb}@media(max-width:992px){.feature-row,.feature-row.reverse{grid-template-columns:1fr;grid-template-areas:"img" "content";margin-bottom:3rem;gap:2rem}.feature-content h2{font-size:2rem}.hero-section h1{font-size:2.8rem}.footer-columns{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.hero-section h1{font-size:2.5rem}.hero-section .subtitle{font-size:1.2rem}.school-list{grid-template-columns:1fr}.intro,.feature-section,.faq-section{padding:3rem 0}.feature-content h2{font-size:1.8rem}.faq-section h2{font-size:2rem}}@media(max-width:480px){.hero-section h1{font-size:2rem}.hero-section{height:60vh}.feature-image{height:300px}.footer-columns{grid-template-columns:1fr}}