:root{--custom-orange-dark: rgb(222, 102, 0);--custom-orange-light: rgb(254, 160, 47);--custom-blue-dark: rgb(0, 63, 90);--custom-blue-light: rgb(9, 104, 158)}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;overflow-x:hidden}.navbar{background:linear-gradient(135deg,var(--custom-blue-dark) 50%,rgb(51,51,51) 100%);padding:1rem 0;box-shadow:0 2px 10px #0000001a}.navbar-brand{font-size:1.5rem;color:#fff!important}.navbar-brand img{padding-left:15px}.nav-link{color:#ffffffe6!important;margin:0 .5rem;transition:all .3s ease}.nav-link:hover{color:var(--custom-orange-light)!important;transform:translateY(-2px)}.nav-link i{display:inline-block;margin-right:5px;transform:scale(1.2)}.btn-online-courses{background:var(--custom-orange-dark);color:#fff;border:none;padding:.5rem 1.5rem;border-radius:25px;transition:all .3s ease}.btn-online-courses:hover{background:var(--custom-orange-light);transform:scale(1.05)}.btn-online-courses--blue{background:var(--custom-blue-dark)}.btn-online-courses--blue:hover{background:var(--custom-blue-light)}.btn-online-courses--grey{background:#646464}.btn-online-courses--small{padding:.3rem .8rem;font-size:.9rem}.hero-section{background:linear-gradient(135deg,var(--custom-blue-dark) 0%,var(--custom-blue-light) 50%,var(--custom-orange-dark) 100%);color:#fff;padding:100px 0;position:relative;overflow:hidden}.hero-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 120"><path d="M321.39,56.44c58-10.79,114.16-30.13,172-41.86,82.39-16.72,168.19-17.73,250.45-.39C823.78,31,906.67,72,985.66,92.83c70.05,18.48,146.53,26.09,214.34,3V0H0V27.35A600.21,600.21,0,0,0,321.39,56.44Z" fill="rgba(255,255,255,0.1)"></path></svg>') repeat-x;opacity:.3}.hero-content{position:relative;z-index:1}.hero-title{font-size:3.5rem;font-weight:700;margin-bottom:1.5rem;animation:fadeInUp 1s ease}.hero-subtitle{font-size:1.5rem;margin-bottom:2rem;animation:fadeInUp 1.2s ease}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.btn-primary-custom{background:var(--custom-orange-dark);border:none;padding:1rem 2.5rem;font-size:1.2rem;border-radius:50px;transition:all .3s ease;box-shadow:0 4px 15px #de660066}.btn-primary-custom:hover{background:var(--custom-orange-light);transform:translateY(-3px);box-shadow:0 6px 20px #fea02f80}.feature-icon{font-size:2.5rem;margin-bottom:1rem;color:#0d6efd}.testimonial-stars{color:#ffc107}.custom-btn{background-color:var(--custom-orange-light);color:#000}.custom-btn:hover{background-color:var(--custom-orange-dark);color:#000}.custom-download-btn{background:linear-gradient(135deg,var(--custom-blue-dark),var(--custom-blue-light));color:#fff;border:none}.custom-download-btn:hover{background:linear-gradient(135deg,var(--custom-orange-dark),var(--custom-orange-light))}.bg-blue--dark{background-color:var(--custom-blue-dark)}.bg-blue--light{background-color:var(--custom-blue-light)}.color-blue--light{color:var(--custom-blue-light)}.about-section{padding:80px 0;background:linear-gradient(to bottom,#f8f9fa,#fff)}.section-title{font-size:2.5rem;font-weight:700;color:var(--custom-blue-dark);margin-bottom:3rem;margin-top:20px;position:relative;display:inline-block}.section-title:after{content:"";position:absolute;bottom:-10px;left:0;width:100%;height:4px;background:linear-gradient(to right,var(--custom-orange-dark),var(--custom-orange-light));border-radius:2px}.about-text{font-size:1.2rem;line-height:1.8;color:#555}.about-icon{font-size:3rem;color:var(--custom-orange-dark);margin-bottom:1rem}.instrument-icon-img{width:100px;height:100px;-o-object-fit:contain;object-fit:contain;vertical-align:middle}.flip-card{perspective:1000px;cursor:pointer;min-height:320px}.flip-card-inner{position:relative;width:100%;height:100%;min-height:320px;transition:transform .6s;transform-style:preserve-3d}.flip-card.flipped .flip-card-inner{transform:rotateY(180deg)}.flip-card-front,.flip-card-back{position:absolute;width:100%;height:100%;backface-visibility:hidden;border-radius:20px}.flip-card-front{z-index:2}.flip-card-back{transform:rotateY(180deg)}.flip-instruction{position:absolute;bottom:15px;left:50%;transform:translate(-50%);font-size:.85rem;opacity:.8;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:.5}50%{opacity:1}}.programs-section{padding:80px 0;background:#fff}.program-card{border:none;border-radius:20px;padding:2rem;margin-bottom:2rem;transition:all .3s ease;box-shadow:0 5px 15px #0000001a;height:100%}.program-card:hover{transform:translateY(-10px);box-shadow:0 10px 30px #00000026}.program-card.hub{background:linear-gradient(135deg,var(--custom-blue-dark) 0%,var(--custom-blue-light) 100%);color:#fff}.program-card.home{background:linear-gradient(135deg,var(--custom-blue-light) 0%,var(--custom-blue-dark) 100%);color:#fff}.program-card.remote{background:linear-gradient(135deg,var(--custom-orange-dark) 0%,rgb(204,126,31) 100%);color:#fff}.program-card.online{background:linear-gradient(135deg,rgb(204,126,31) 0%,var(--custom-orange-dark) 100%);color:#fff}.program-icon{font-size:3rem;margin-bottom:1rem}.program-title{font-size:1.8rem;font-weight:700;margin-bottom:1rem}.instruments-list{background:#ffffff1a;border-radius:15px}.teachers-section{padding:80px 0;background:linear-gradient(to bottom,#f8f9fa,#fff)}.teacher-card{border:none;border-radius:20px;overflow:hidden;box-shadow:0 5px 20px #0000001a;transition:all .3s ease;margin-bottom:2rem}.teacher-card:hover{transform:scale(1.05);box-shadow:0 10px 30px #0003}.teacher-img{width:100%;-o-object-fit:cover;object-fit:cover;background:linear-gradient(135deg,var(--custom-blue-light),var(--custom-orange-light))}.teacher-info{padding:1.5rem;background:#fff}.teacher-name{font-size:1.5rem;font-weight:700;color:var(--custom-blue-dark);margin-bottom:.5rem}.teacher-instrument{color:var(--custom-orange-dark);font-weight:600;margin-bottom:1rem}.gallery-section{padding:80px 0;background:var(--custom-blue-dark);color:#fff}.carousel-item img{height:500px;-o-object-fit:cover;object-fit:cover;border-radius:20px}.carousel-control-prev-icon,.carousel-control-next-icon{background-color:var(--custom-orange-dark);border-radius:50%;padding:2rem}.testimonials-section{padding:80px 0;background:#fff}.testimonial-card{background:linear-gradient(135deg,#f8f9fa,#fff);padding:2rem;border-radius:20px;box-shadow:0 5px 15px #0000001a;margin-bottom:2rem;position:relative}.testimonial-card:before{content:'"';position:absolute;top:-20px;left:20px;font-size:5rem;color:var(--custom-orange-light);opacity:.3}.testimonial-text{font-style:italic;font-size:1.1rem;margin-bottom:1rem;color:#555}.testimonial-author{font-weight:700;color:var(--custom-blue-dark)}.cta-section{padding:100px 0;background:linear-gradient(135deg,var(--custom-orange-dark) 0%,var(--custom-orange-light) 100%);color:#fff;position:relative;overflow:hidden}.cta-section:before{content:"";position:absolute;top:-50%;right:-10%;width:500px;height:500px;background:#ffffff1a;border-radius:50%}.cta-section:after{content:"";position:absolute;bottom:-30%;left:-5%;width:400px;height:400px;background:#ffffff1a;border-radius:50%}.cta-content{position:relative;z-index:1}.btn-cta{background:#fff;color:var(--custom-orange-dark);border:none;padding:1rem 3rem;font-size:1.3rem;border-radius:50px;font-weight:700;transition:all .3s ease}.btn-cta:hover{background:var(--custom-blue-dark);color:#fff;transform:scale(1.1)}.contact-section{padding:80px 0;background:linear-gradient(to bottom,#fff,#f8f9fa)}.contact-info-card{background:var(--custom-blue-dark);color:#fff;padding:2rem;border-radius:20px;height:100%}.contact-info-item{margin-bottom:1.5rem}.contact-info-item i{font-size:1.5rem;color:var(--custom-orange-light);margin-right:1rem}.social-icons a{display:inline-block;width:50px;height:50px;background:var(--custom-orange-dark);color:#fff;border-radius:50%;text-align:center;line-height:50px;font-size:1.5rem;margin:0 .5rem;transition:all .3s ease}.social-icons a:hover{background:var(--custom-orange-light);transform:scale(1.2)}.form-control{border-radius:10px;padding:.8rem;border:2px solid #e0e0e0}.form-control:focus{border-color:var(--custom-blue-light);box-shadow:0 0 0 .2rem #09689e40}.btn-submit{background:var(--custom-blue-dark);border:none;padding:1rem 3rem;border-radius:50px;color:#fff;font-weight:700;transition:all .3s ease}.btn-submit:hover{background:var(--custom-blue-light);transform:translateY(-3px)}.map-container{border-radius:20px;overflow:hidden;box-shadow:0 5px 20px #0000001a}footer{background:var(--custom-blue-dark);color:#fff;padding:2rem 0;text-align:center}.fade-in{animation:fadeIn 1s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.admin-modules-edit-btn{margin-top:5px}.admin-modules-delete-btn{margin-bottom:5px}.list-group-item.active{background-color:#007bff;border-color:#007bff}.list-group-item-action:hover{background-color:#f8f9fa}.gs-iframe-container{position:relative;margin-bottom:35px;width:100%;padding-top:56.25%;border:1px solid black;overflow:hidden}.gs-iframe-container iframe{position:absolute;top:0;left:-72px;width:calc(100% + 72px);height:100%}.custom-video-demo-img{height:auto;border-radius:15px;box-shadow:0 5px 15px #0000001a}@media(min-width:1024px)and (max-width:1366px){.navbar-brand{font-size:1.2rem;font-weight:700;color:#fff!important}.hero-section{padding:60px 0}.hero-title{font-size:2.8rem}.hero-subtitle{font-size:1.2rem}.about-section,.programs-section,.teachers-section,.gallery-section,.testimonials-section,.contact-section{padding:50px 20px}.cta-section{padding:60px 0}.section-title{font-size:2rem;margin-bottom:2rem}.about-text{font-size:1.1rem}.about-icon{font-size:2.5rem}.program-card{padding:1.5rem;margin-bottom:1.5rem}.program-icon{font-size:2.5rem}.program-title{font-size:1.5rem}.teacher-info{padding:1.2rem}.teacher-name{font-size:1.3rem}.carousel-item img{height:400px}.testimonial-card{padding:1.5rem;margin-bottom:1.5rem}.testimonial-text{font-size:1rem}.cta-section h2{font-size:2.2rem}.cta-section .lead{font-size:1.1rem}.contact-info-card{padding:1.5rem}.contact-info-item{margin-bottom:1.2rem}.contact-info-item i{font-size:1.3rem}.btn-primary-custom{padding:.8rem 2rem;font-size:1.1rem}.btn-cta{padding:.8rem 2.5rem;font-size:1.2rem}.container{max-width:1200px}.instruments-list{padding:1.2rem}.instruments-list .program-icon{font-size:2.5rem}.map-container iframe{height:350px}}@media(width:1280px)and (height:720px){body{font-size:14px}.hero-section{padding:50px 0}.section-title:after{bottom:-8px;height:3px}}@media(min-width:768px)and (max-width:1023px){.hero-section{padding:50px 0}.hero-title{font-size:2.5rem;line-height:1.2}.hero-subtitle{font-size:1.1rem}.btn-primary-custom{padding:.8rem 2rem;font-size:1rem}.about-section,.programs-section,.teachers-section,.gallery-section,.testimonials-section,.contact-section{padding:40px 0}.cta-section{padding:50px 0}.section-title{font-size:1.8rem;margin-bottom:1.5rem}.section-title:after{bottom:-8px;height:3px}.about-text{font-size:1rem;line-height:1.6}.about-icon{font-size:2.2rem;margin-bottom:.8rem}.program-card{padding:1.3rem;margin-bottom:1.2rem}.program-icon{font-size:2.2rem}.program-title{font-size:1.4rem;margin-bottom:.8rem}.program-card p{font-size:.95rem}.flip-card-back p{font-size:.85rem}.instruments-list{padding:1rem;margin-top:1.5rem}.instruments-list h3{font-size:1.3rem;margin-bottom:1rem}.instruments-list .program-icon{font-size:2rem}.instruments-list h5{font-size:.95rem}.teacher-info{padding:1rem}.teacher-name{font-size:1.2rem}.teacher-instrument,.teacher-info p{font-size:.9rem}.carousel-item img{height:350px}.carousel-control-prev-icon,.carousel-control-next-icon{padding:1.5rem}.testimonial-card{padding:1.3rem;margin-bottom:1.2rem}.testimonial-card:before{font-size:4rem;top:-15px}.testimonial-text{font-size:.95rem}.testimonial-author{font-size:.9rem}.cta-section h2{font-size:2rem}.cta-section .lead{font-size:1rem}.btn-cta{padding:.8rem 2rem;font-size:1.1rem}.contact-info-card{padding:1.3rem;margin-bottom:1.5rem;text-align:center}.contact-info-card h3{font-size:1.3rem}.contact-info-item{margin-bottom:1rem;display:flex;flex-direction:column;align-items:center;justify-content:center}.contact-info-item i{font-size:1.2rem;margin-right:0;margin-bottom:.5rem}.contact-info-item span{font-size:.9rem}.social-icons{display:flex;justify-content:center;align-items:center}.social-icons a{width:45px;height:45px;line-height:45px;font-size:1.3rem}.card-body{padding:1.5rem!important}.form-label{font-size:.9rem}.form-control{padding:.6rem;font-size:.9rem}.btn-submit{padding:.8rem 2rem;font-size:1rem}.map-container iframe{height:300px}.navbar-brand{font-size:1.2rem}.nav-link{font-size:.9rem;margin:0 .3rem}.btn-online-courses{margin-top:10px;transform:translate(-10px);padding:.4rem 1.2rem;font-size:.9rem}.btn-online-courses--small{padding:.3rem .7rem;font-size:.8rem}.alert h4{font-size:1.1rem}.alert p{font-size:.9rem}footer{padding:1.5rem 0;font-size:.9rem}}@media(max-width:767px){body{font-size:14px}.navbar{padding:.5rem 0}.navbar-brand{font-size:1rem}.navbar-brand img{display:none}.nav-link{font-size:.9rem;margin:.3rem 0;padding:.5rem 2.5rem}.btn-online-courses{padding:.5rem 1rem;transform:translate(-10px);font-size:.85rem;margin-top:.5rem}.btn-online-courses--small{padding:.3rem .6rem;font-size:.75rem}.hero-section{padding:40px 0}.hero-title{font-size:1.8rem;line-height:1.3;margin-bottom:1rem}.hero-subtitle{font-size:1rem;margin-bottom:1.5rem}.btn-primary-custom{padding:.7rem 1.5rem;font-size:.95rem;width:100%;max-width:300px}.about-section,.programs-section,.teachers-section,.gallery-section,.testimonials-section,.contact-section{padding:30px 0}.cta-section{padding:40px 0}.section-title{font-size:1.5rem;margin-bottom:1.5rem}.section-title:after{bottom:-6px;height:3px}.about-text{font-size:.95rem;line-height:1.6;text-align:center}.about-icon{font-size:2rem;margin-bottom:.5rem}.about-section .row{flex-direction:column-reverse}.about-section .col-lg-6{margin-bottom:1rem}.program-card{padding:1.2rem;margin-bottom:1rem}.program-icon{font-size:2rem}.program-title{font-size:1.2rem;margin-bottom:.7rem}.program-card p{font-size:.9rem;line-height:1.5}.program-card .btn{font-size:.85rem;padding:.5rem 1rem}.flip-card-back p{font-size:.85rem}.instrument-icon-img{width:75px;height:75px;-o-object-fit:contain;object-fit:contain;vertical-align:middle}.instruments-list{padding:1rem;margin-top:1rem}.instruments-list h3{font-size:1.1rem;margin-bottom:1rem}.instruments-list .program-icon{font-size:1.8rem}.instruments-list h5{font-size:.85rem}.instruments-list .col-md-3{margin-bottom:1rem}.alert{padding:1rem}.alert h4{font-size:1rem;margin-bottom:.5rem}.alert p{font-size:.85rem}.teacher-card{margin-bottom:1.5rem}.teacher-info{padding:1rem}.teacher-name{font-size:1.1rem}.teacher-instrument{font-size:.85rem}.teacher-info p{font-size:.85rem;line-height:1.5}.carousel-item img{height:250px;border-radius:10px}.carousel-control-prev-icon,.carousel-control-next-icon{padding:1rem}.carousel-indicators{margin-bottom:.5rem}.carousel-indicators button{width:8px;height:8px}.testimonial-card{padding:1rem;margin-bottom:1rem}.testimonial-card:before{font-size:3rem;top:-10px;left:10px}.testimonial-text{font-size:.9rem;line-height:1.5}.testimonial-author{font-size:.85rem}.cta-section h2{font-size:1.5rem;line-height:1.3}.cta-section .lead{font-size:.95rem;margin-bottom:1.5rem}.btn-cta{padding:.7rem 1.5rem;font-size:1rem;width:100%;max-width:300px}.contact-info-card{padding:1.2rem;margin-bottom:1.5rem;text-align:center}.contact-info-card h3{font-size:1.2rem;margin-bottom:1.5rem}.contact-info-item{margin-bottom:1rem;display:flex;flex-direction:column;align-items:center;justify-content:center}.contact-info-item i{font-size:1.3rem;margin-right:0;margin-bottom:.5rem}.contact-info-item span{font-size:.85rem;text-align:center}.contact-info-card h5{font-size:1rem}.social-icons{display:flex;justify-content:center;align-items:center;flex-wrap:wrap}.social-icons a{width:40px;height:40px;line-height:40px;font-size:1.2rem;margin:.3rem}.card-body{padding:1.2rem!important}.form-label{font-size:.85rem;margin-bottom:.3rem}.form-control,.form-select{padding:.6rem;font-size:.85rem;border-radius:8px}.btn-submit{padding:.7rem 2rem;font-size:.95rem;width:100%}.row .col-md-6{margin-bottom:.5rem}.map-container{border-radius:10px;margin-top:1rem}.map-container iframe{height:250px}footer{padding:1.5rem 0;font-size:.85rem}footer p{margin-bottom:.5rem}.container{padding-left:15px;padding-right:15px}a,button{min-height:44px;display:inline-flex;align-items:center;justify-content:center}.cta-section:before,.cta-section:after{display:none}}@media(max-width:360px){.hero-title{font-size:1.5rem}.section-title{font-size:1.3rem}.navbar-brand{font-size:.9rem}.flip-card-back p{font-size:.85rem}}@media screen and (max-width:480px){.gs-iframe-container iframe{left:-35px;transform:scale(.5);transform-origin:0 0;width:calc(200% + 70px);height:200%}}
