:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Libre Franklin,Microsoft YaHei,PingFang SC,Helvetica Neue,Arial,sans-serif;line-height:1.6;color:#333;background-color:#fff;width:100%;overflow-x:hidden}.app{min-height:100vh;width:100%}.container{width:100%;padding:0 20px}.navbar{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1rem 0;position:fixed;top:0;left:0;right:0;width:100%;z-index:1000;box-shadow:0 2px 20px #0000001a;border-bottom:1px solid rgba(0,0,0,.05)}.nav-container{width:100%;padding:0 20px;display:flex;justify-content:space-between;align-items:center}.nav-logo h2{color:#162415;font-size:1.8rem;font-weight:700;letter-spacing:-.5px}.nav-menu{display:flex;list-style:none;gap:2.5rem}.nav-menu a{color:#595959;text-decoration:none;font-weight:600;font-size:.875rem;letter-spacing:1px;text-transform:uppercase;transition:all .3s ease;padding:.5rem 0;position:relative}.nav-menu a:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:#32aa27;transition:width .3s ease}.nav-menu a:hover:after{width:100%}.nav-menu a:hover{color:#32aa27}.hero-section{margin-top:80px;position:relative;height:80vh;min-height:600px;overflow:hidden;width:100%}.carousel{position:relative;height:100%;width:100%}.slide{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;background-repeat:no-repeat;opacity:0;transition:opacity 1s ease-in-out;display:flex;align-items:center;justify-content:center}.slide.active{opacity:1}.slide:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#162415b3,#16241566)}.slide-content{text-align:center;color:#fff;z-index:2;max-width:800px;padding:2rem;width:100%}.slide-content h1{font-size:3.5rem;margin-bottom:1rem;font-weight:400;line-height:1.2;letter-spacing:-1px}.slide-content h2{font-size:2rem;margin-bottom:1.5rem;font-weight:400;opacity:.9}.slide-content p{font-size:1.25rem;margin-bottom:2.5rem;opacity:.8;line-height:1.6}.cta-button{background:#32aa27;color:#fff;border:none;padding:1rem 2.5rem;font-size:.875rem;font-weight:600;letter-spacing:1px;text-transform:uppercase;border-radius:2px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #32aa274d}.cta-button:hover{background:#26801d;transform:translateY(-2px);box-shadow:0 6px 20px #32aa2766}.carousel-dots{position:absolute;bottom:3rem;left:50%;transform:translate(-50%);display:flex;gap:.75rem;z-index:3}.dot{width:8px;height:8px;border-radius:50%;border:2px solid rgba(255,255,255,.5);background:transparent;cursor:pointer;transition:all .3s ease}.dot.active{background:#fff;border-color:#fff;transform:scale(1.1)}.about-section{padding:6rem 0;background:#f8f9fa;width:100%}.about-content{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;width:100%;padding:0 20px}.about-text h2{font-size:2.5rem;color:#162415;margin-bottom:1rem;font-weight:400;line-height:1.2}.about-text h3{font-size:1.5rem;color:#32aa27;margin-bottom:1.5rem;font-weight:400}.about-text p{font-size:1.125rem;color:#595959;line-height:1.7;margin-bottom:2rem}.secondary-button{background:transparent;color:#32aa27;border:2px solid #32aa27;padding:.875rem 2rem;font-size:.875rem;font-weight:600;letter-spacing:1px;text-transform:uppercase;border-radius:2px;cursor:pointer;transition:all .3s ease}.secondary-button:hover{background:#32aa27;color:#fff}.about-image img{width:100%;height:500px;-o-object-fit:cover;object-fit:cover;border-radius:8px;box-shadow:0 10px 30px #0000001a}.courses-section{padding:6rem 0;background:#fff;width:100%}.section-title{text-align:center;font-size:2.5rem;margin-bottom:4rem;color:#162415;font-weight:400;line-height:1.2;padding:0 20px}.courses-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(380px,1fr));gap:2.5rem;margin-top:2rem;width:100%;padding:0 20px}.course-card{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 10px 30px #0000001a;transition:all .3s ease;border:1px solid rgba(0,0,0,.05)}.course-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px #00000026}.course-image{height:250px;overflow:hidden}.course-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s ease}.course-card:hover .course-image img{transform:scale(1.05)}.course-content{padding:2rem}.course-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.course-header h3{font-size:1.5rem;color:#162415;font-weight:600;margin:0}.course-price{background:#32aa27;color:#fff;padding:.5rem 1rem;border-radius:20px;font-weight:600;font-size:1rem}.course-description{color:#595959;margin-bottom:1.5rem;line-height:1.6}.course-duration{margin-bottom:1.5rem}.course-duration span{background:#e8f5e8;color:#32aa27;padding:.5rem 1rem;border-radius:20px;font-size:.875rem;font-weight:500}.course-features{list-style:none;margin-bottom:2rem}.course-features li{color:#595959;position:relative;padding:.5rem 0 .5rem 1.5rem;font-size:.95rem}.course-features li:before{content:"✓";position:absolute;left:0;color:#32aa27;font-weight:700}.enroll-button{width:100%;background:#162415;color:#fff;border:none;padding:1rem;border-radius:4px;font-size:.875rem;font-weight:600;letter-spacing:1px;text-transform:uppercase;cursor:pointer;transition:all .3s ease}.enroll-button:hover{background:#32aa27;transform:translateY(-2px)}.footer{background:#162415;color:#fff;padding:4rem 0 1rem;width:100%}.footer-content{display:grid;grid-template-columns:1fr auto;gap:4rem;align-items:start;margin-bottom:3rem;width:100%;padding:0 20px}.footer-info h3{font-size:1.8rem;margin-bottom:1rem;color:#fff;font-weight:700}.footer-info p{margin-bottom:1.5rem;color:#bdc3c7;line-height:1.6;font-size:1rem}.contact-info p{margin-bottom:.75rem;color:#95a5a6;font-size:.95rem}.qr-codes{display:flex;gap:2rem}.qr-item{text-align:center}.qr-code{width:120px;height:120px;background:#fff;border-radius:8px;display:flex;align-items:center;justify-content:center;margin-bottom:.75rem;box-shadow:0 5px 15px #0003;overflow:hidden}.qr-code img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:8px}.qr-placeholder{text-align:center;color:#666;font-size:.8rem}.qr-placeholder span{display:block;margin-bottom:.2rem}.qr-item p{color:#bdc3c7;font-size:.9rem}.footer-bottom{text-align:center;padding-top:2rem;border-top:1px solid #34495e;color:#95a5a6;font-size:.9rem;width:100%;padding:2rem 20px 0}@media (max-width: 768px){.nav-menu{display:none}.slide-content h1{font-size:2.5rem}.slide-content h2{font-size:1.5rem}.slide-content p{font-size:1.1rem}.about-content{grid-template-columns:1fr;gap:2rem}.courses-grid{grid-template-columns:1fr}.footer-content{grid-template-columns:1fr;text-align:center;gap:2rem}.qr-codes{justify-content:center}.hero-section{height:60vh;min-height:500px}}@media (max-width: 480px){.hero-section{height:50vh;min-height:400px}.slide-content h1,.section-title,.about-text h2{font-size:2rem}}