:root{--primary:#6b46c1;--gold:#d4af37;--bg:#f8fafc;--card:#fff;--text:#1e293b}html{scroll-behavior:smooth}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-family:Arial,sans-serif}.navbar{z-index:1000;background:linear-gradient(90deg,#d4af37,#f3e8a9);padding:12px 30px;position:sticky;top:0;box-shadow:0 4px 15px #0000001a}.nav-content{justify-content:space-between;align-items:center;display:flex}.brand{align-items:center;gap:12px;display:flex}.brand-name{color:indigo;font-size:20px;font-weight:600}.nav-links{gap:25px;display:flex}.nav-links a{color:indigo;font-weight:500;text-decoration:none}.menu-toggle{cursor:pointer;color:indigo;justify-content:center;align-items:center;font-size:36px;line-height:1;display:none}.menu-toggle:hover{color:#6b46c1;transform:scale(1.1)}@media (width<=768px){.menu-toggle{display:block}.nav-links{z-index:1000;background:#fff;flex-direction:column;gap:20px;width:240px;height:100vh;padding:80px 20px;transition:all .3s;display:flex;position:fixed;top:0;right:-260px;box-shadow:-5px 0 20px #00000026}.nav-links.active{z-index:1000;right:0}.brand-name{font-size:16px}.logo{width:45px}}.overlay{z-index:999;background:#0006;position:fixed;inset:0}.logo{width:48px;height:auto}@media (width<=768px){.brand-name{font-size:1.5rem}}.hero{justify-content:center;align-items:center;min-height:80vh;padding:40px 20px;display:flex;position:relative;overflow:hidden}.hero-image{border-radius:25px;width:min(100%,600px);height:450px;margin:0 auto;overflow:hidden;box-shadow:0 25px 60px #00000026}.hero-image img{object-fit:cover;object-position:center center;transform-origin:50%;width:100%;height:550px;animation:18s ease-in-out infinite alternate heroZoom}@keyframes heroZoom{0%{transform:scale(1)}to{transform:scale(1.08)}}@media (width<=768px){.hero{min-height:10vh;padding:15px}.hero-image img{border-radius:15px;width:90px;height:90px}}.hero-content{z-index:2;text-align:center;width:min(90%,500px);max-width:500px;padding:30px;animation:1.2s fadeUp;position:relative}.hero-text h1{color:#4a0050;margin-bottom:10px;font-size:36px}@keyframes koiLogo{0%{transform:translateY(0)scale(1)}50%{transform:translateY(-8px)scale(1.04)}to{transform:translateY(0)scale(1)}}.hero-text{text-align:center;max-width:800px;margin:0 auto;padding:5px 20px}.hero-subtitle{color:indigo;letter-spacing:2px;margin-bottom:20px;font-size:25px}.hero-text h2{color:#4a0050;margin-bottom:20px;font-size:26px}.video-cardhome{border-radius:15px;width:90%;max-width:900px;height:220px;margin:10px auto 50px;position:relative;overflow:hidden}.video-cardhome video{object-fit:cover;width:100%;height:100%}.call-btn{background:#4a0050;border-radius:8px;padding:10px 15px;text-decoration:none;color:#fff!important}.btn{color:#fff;background:#4a0050;border-radius:8px;margin-top:15px;padding:12px 20px;font-weight:700;text-decoration:none;display:inline-block}.book-container{text-align:center;margin:20px 0 50px}.footer{color:#fff;text-align:center;background:#0f172a;margin-top:60px;padding:30px 20px}.footer p{margin:8px 0}.footer-credit{color:#cbd5e1;font-size:.9rem}.facebook-btn{color:#fff;background:linear-gradient(135deg,#1877f2,#0a58ca);border-radius:8px;align-items:center;gap:8px;margin-top:15px;padding:12px 18px;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.facebook-btn:hover{transform:translateY(-2px)}.services-page{padding:40px 20px}.page-title{text-align:center;margin-bottom:40px}.services-grid{gap:40px;max-width:1100px;margin:0 auto;display:grid}.service-card{background:#fff;border-left:5px solid #d4af37;border-radius:16px;flex-direction:column;max-width:700px;height:100%;margin:0 auto;padding:25px;transition:all .3s;display:flex;box-shadow:0 10px 25px #00000014}.service-card .btn{align-self:flex-start;margin-top:auto}.service-card h3{color:#4a0050;margin-bottom:20px;font-size:2rem}.service-card h4{margin-top:20px;font-size:1.4rem}.service-card:hover{transform:translateY(-6px);box-shadow:0 18px 40px #0000001f}.services-intro{text-align:center;color:#555;max-width:750px;margin:0 auto 50px;font-size:1.1rem;line-height:1.8}@media (width>=900px){.services-grid{grid-template-columns:repeat(2,1fr)}}.video-card{border-radius:12px;height:220px;margin-bottom:20px;overflow:hidden}.video-card video{object-fit:cover;width:100%;height:100%;transition:transform 6s}.service-card:hover video{transform:scale(1.05)}.booking-cta{text-align:center;margin-top:90px}.about-page{padding:40px 20px}.about-container{align-items:start;gap:50px;max-width:1100px;margin:40px auto;display:grid}.about-image{justify-content:center;display:flex}.about-image img{border-radius:16px;width:100%;max-width:380px;transition:transform .4s,box-shadow .4s;box-shadow:0 15px 35px #00000026}.about-image img:hover{transform:scale(1.02)}.about-content{padding-top:10px}.about-content h3{color:#4a0050;margin-bottom:20px;font-size:2rem}.about-content p{margin-bottom:15px;line-height:1.8}@media (width>=900px){.about-container{grid-template-columns:380px 1fr}}.about-header{text-align:center;max-width:800px;margin:0 auto 50px}.page-title{color:#4a0050;margin-bottom:15px;font-size:clamp(2rem,4vw,3rem)}.page-title:after{content:"";background:#d4af37;border-radius:2px;width:80px;height:3px;margin:15px auto 0;display:block}.about-intro{color:#666;margin-bottom:90px;font-size:1.1rem;line-height:1.8}.experience-number{color:#d4af37;font-size:2.5rem;font-weight:700}.about-cta{text-align:center;margin-top:40px}.classes-intro{text-align:center;color:#666;max-width:800px;margin:0 auto 60px;font-size:1.15rem;line-height:1.9}.instructor-section{align-items:center;gap:60px;max-width:1100px;margin:30px auto 60px;display:grid}.instructor-image img{border-radius:16px;width:100%;max-width:420px;transition:all .4s;box-shadow:0 25px 45px #00000026}.instructor-image img:hover{transform:scale(1.02)}.instructor-content{max-width:600px}.instructor-content p{color:#444;line-height:1.9}.instructor-content h3{color:#4a0050;margin-bottom:20px}.experience-title{margin-bottom:25px}.experience-number{color:#d4af37;font-size:3rem;font-weight:700;display:block}@media (width>=900px){.instructor-section{grid-template-columns:400px 1fr}}.training-video-section{text-align:center;max-width:1000px;margin:80px auto}.section-heading{color:#4a0050;margin-bottom:15px}.training-video{margin-top:30px}.training-video iframe{aspect-ratio:16/9;border:none;border-radius:16px;width:100%;max-width:700px;box-shadow:0 15px 35px #00000026}.courses-grid{gap:30px;max-width:1200px;margin:50px auto;display:grid}@media (width>=900px){.courses-grid{grid-template-columns:repeat(2,1fr)}}.course-card{background:#fff;border-left:5px solid #d4af37;border-radius:16px;flex-direction:column;height:100%;padding:30px;transition:all .3s;display:flex;box-shadow:0 10px 25px #00000014}.course-card .btn{align-self:flex-start;margin-top:auto}.course-card:hover{transform:translateY(-6px);box-shadow:0 18px 40px #0000001f}.course-image{object-fit:cover;border-radius:12px;width:100%;height:220px;margin-bottom:20px}.price{color:#4a0050;margin:20px 0;font-size:1.3rem;font-weight:700}.course-card p{font-size:1.05rem;line-height:1.8}.course-card ul{text-align:left;margin:20px 0;padding:0;list-style:none;display:inline-block}.course-card li{text-align:left;margin-bottom:12px;padding-left:30px;position:relative}.course-card li:before{content:"✓";color:#d4af37;font-weight:700;position:absolute;left:0}.classes-cta{text-align:center;max-width:800px;margin:80px auto}.classes-page,.contact-page{padding:40px 20px}.contact-intro{text-align:center;color:#666;max-width:800px;margin:0 auto 50px;font-size:1.1rem;line-height:1.8}.contact-image{justify-content:center;margin-bottom:50px;display:flex}.contact-image img{border-radius:20px;width:100%;max-width:500px;transition:all .4s;box-shadow:0 20px 45px #00000026}.contact-image img:hover{transform:scale(1.02)}.contact-grid{gap:30px;max-width:1100px;margin:0 auto;display:grid}.contact-card{text-align:center;background:#fff;border-left:5px solid #d4af37;border-radius:16px;padding:30px;transition:all .3s;box-shadow:0 10px 25px #00000014}.contact-card:hover{transform:translateY(-6px);box-shadow:0 18px 40px #0000001f}.contact-card h3{color:#4a0050}@media (width>=900px){.contact-grid{grid-template-columns:repeat(3,1fr)}}.contact-icon-title{color:#4a0050;justify-content:center;align-items:center;gap:10px;display:flex}.contact-cta{text-align:center;max-width:800px;margin:80px auto}.mobile-page{padding:40px 20px}.mobile-intro{text-align:center;color:#666;max-width:800px;margin:0 auto;font-size:1.1rem;line-height:1.8}.mobile-hero-image{justify-content:center;margin:50px 0;display:flex}.mobile-hero-image img{border-radius:20px;width:100%;max-width:400px;transition:all .4s;box-shadow:0 20px 45px #00000026}.mobile-hero-image img:hover{transform:scale(1.02)}.mobile-benefits{gap:20px;max-width:1100px;margin:50px auto;display:grid}.benefit-card{text-align:center;background:#fff;border-left:5px solid #d4af37;border-radius:12px;justify-content:center;align-items:center;min-height:90px;padding:20px;font-weight:600;transition:all .3s;display:flex;box-shadow:0 10px 25px #00000014}.benefit-card:hover{transform:translateY(-4px)}@media (width>=900px){.mobile-benefits{grid-template-columns:repeat(3,1fr)}}.mobile-cta{text-align:center;max-width:800px;margin:80px auto}.mobile-cta h2{color:#4a0050;margin-bottom:15px}.mobile-cta p{color:#666;margin-bottom:25px}.course-card hr{border:none;border-top:1px solid #e5e5e5;margin:20px 0}.course-card h4{color:#4a0050;margin-top:15px;margin-bottom:10px;font-size:1.1rem}.services-header{text-align:center;max-width:800px;margin:60px auto 40px}.services-header .section-heading{color:#4a0050;margin-bottom:15px}.services-header .section-intro{color:#666;font-size:1.5rem;line-height:1.9}