@import url("https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600&family=Orbitron:wght@700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600&family=Orbitron:wght@700&display=swap");#landing-page{position:relative;height:100vh;background:#fff;display:flex;justify-content:center;align-items:center;overflow:hidden}#landing-page::before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%, -30%);width:100%;height:100%;background-image:url(/assets/logo-ff75181524f68cafae16858f3d30ca7e5c53461dd201f384c726df4c0a976b27.png);background-size:100vmin;background-repeat:no-repeat;background-position:center;opacity:0.2;filter:drop-shadow(0 0 60px cyan);z-index:0;pointer-events:none}.landing-text{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:3vh;padding:2rem;animation:textAppearDisappear 4s ease-in forwards;opacity:0}@keyframes textAppearDisappear{0%{opacity:0}20%{opacity:1}80%{opacity:1}100%{opacity:0}}.normal-text{font-family:'Orbitron', sans-serif;font-size:6vw;font-weight:700;color:#222;letter-spacing:0.02em}.lightning-text{animation:lightning 4s infinite ease-in-out;color:#0ff;font-size:8vw;font-weight:700}@keyframes lightning{0%,100%{text-shadow:0 0 20px #fff, 0 0 20px #0ff, 0 0 30px #0ff}6%{text-shadow:0 0 80px #fff, 0 0 120px #0ff, 0 0 180px #0ff}10%{text-shadow:0 0 20px #fff, 0 0 20px #0ff, 0 0 30px #0ff}15%{text-shadow:0 0 100px #fff, 0 0 160px #0ff}}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;font-size:16px}body{font-family:'Open Sans', sans-serif;background-color:#f9f9f9;color:#222;line-height:1.6}.container{width:100%;max-width:1200px;padding:0 2rem;margin:0 auto}.hero-section{min-height:100vh;padding:0;text-align:center;background:url(/assets/guitare-3d773b7b0910451e48580b37c7ca25939a3dee9477a03403c03bf7939602809c.jpg) no-repeat center center;background-size:cover;background-attachment:fixed;color:#fff;position:relative;display:flex;align-items:center;justify-content:center}.hero-section::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.55);z-index:-1}.hero-section .container{max-width:900px;padding:0 1.5rem;display:flex;flex-direction:column;align-items:center;justify-content:center}.hero-section h1{font-family:'Orbitron', sans-serif;font-size:clamp(2rem, 6vw, 3.5rem);margin-bottom:1rem;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,0.6)}.hero-section p{font-size:clamp(1rem, 3vw, 1.5rem);color:#eee;margin-bottom:2rem;text-shadow:0 2px 4px rgba(0,0,0,0.5)}.hero-section .btn-primary{background-color:#00e1c2;color:#000;padding:1rem 2rem;border:none;border-radius:6px;font-weight:bold;font-size:1.1rem;transition:background-color 0.3s ease;text-decoration:none}.hero-section .btn-primary:hover{background-color:#00c1a8}.btn-primary{background-color:#00ffcc;color:#000;padding:1rem 2.5rem;border:none;border-radius:8px;font-weight:600;font-size:1.1rem;cursor:pointer;text-decoration:none;transition:background-color 0.3s ease}.btn-primary:hover,.btn-primary:focus{background-color:#00ccb3;outline:none}.services{padding:4rem 2rem;display:flex;align-items:center;justify-content:center}.services-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(280px, 1fr));gap:2rem;width:100%;max-width:1200px;margin:0 auto}.service{background:#fff;border-radius:12px;box-shadow:0 4px 10px rgba(0,0,0,0.1);padding:2rem;text-align:center;opacity:0;transform:translateY(40px);transition:opacity 0.6s ease-out, transform 0.6s ease-out, box-shadow 0.3s ease}.service.visible{opacity:1;transform:translateY(0)}.service:hover{box-shadow:0 8px 20px rgba(0,255,204,0.3)}.service img,.service-icon{width:60px;height:60px;margin-bottom:1rem}.service h2{font-family:'Orbitron', sans-serif;font-size:clamp(1.2rem, 2.5vw, 1.6rem);margin-bottom:1rem;color:#00b8a9}.service p{font-size:1rem;color:#444;line-height:1.6}.cta{padding:6rem 0;text-align:center}.cta h2{font-family:'Orbitron', sans-serif;font-size:clamp(1.8rem, 4vw, 2.5rem);margin-bottom:2rem}@media (max-width: 768px){.container{padding:0 1rem}.hero-section h1{font-size:clamp(1.8rem, 6vw, 2.4rem)}.services{padding:3rem 1rem}}@media (min-width: 1400px){.container{max-width:1300px}.hero-section h1{font-size:4rem}}html{scroll-behavior:smooth}body{font-family:'Open Sans', sans-serif;background-color:#f9f9f9;color:#222;line-height:1.6;overflow-x:hidden}h1{font-family:'Orbitron', sans-serif;font-size:2.5rem;margin-bottom:1rem;text-align:center}p{font-size:1.2rem;text-align:center;margin-bottom:2rem}.teachers-gallery-grid{display:grid;width:100vw;grid-template-columns:repeat(auto-fit, minmax(33.33vw, 1fr));gap:1rem;padding:1rem;box-sizing:border-box}.teacher-tile{position:relative;overflow:hidden;height:50vh;background:white;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,0.1)}.teacher-photo-tile{width:100%;height:100%;object-fit:cover;display:block;transition:filter 0.4s ease, transform 0.4s ease}.teacher-tile:hover .teacher-photo-tile{filter:blur(4px) brightness(0.4);transform:scale(1.05)}.teacher-overlay{position:absolute;inset:0;color:#fff;background:rgba(0,0,0,0.5);opacity:0;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none;text-align:center;transition:opacity 0.3s ease}.teacher-tile:hover .teacher-overlay{opacity:1}.teacher-overlay h2{font-family:'Orbitron', sans-serif;font-size:2rem;margin-bottom:0.5rem}.teacher-overlay p{font-size:1.2rem;margin:0.2rem 0}.container.headers{width:100vw !important;max-width:100vw !important;margin-left:0 !important;margin-right:0 !important;min-height:80vh;background:url(/assets/teachers-671bcd396fb2f1a38d5c80d8b6f6be6ae8d61094aa8bf70105543d3bba432945.jpg) no-repeat center center;background-size:cover;background-attachment:fixed;color:#fff;position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}@media (max-width: 768px){.teachers-gallery-grid{grid-template-columns:1fr}.teacher-tile{height:auto}.teacher-photo-tile{height:auto;max-height:70vh}}.highlight-word.lightning-text{display:flex;justify-content:center;gap:0.5vw;letter-spacing:0.15em;font-family:'Orbitron', sans-serif;font-weight:700;font-size:8vw;color:#ff0066;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;backface-visibility:hidden;transform-style:preserve-3d}.highlight-word.lightning-text.small{display:flex;justify-content:center;gap:0.5vw;letter-spacing:0.15em;font-family:'Orbitron', sans-serif;font-size:2vw;color:#ff0066;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;backface-visibility:hidden;transform-style:preserve-3d}.letter{display:inline-block;transform:translateY(-100px);opacity:0;animation:dropIn 0.8s ease-out forwards;font-size:7vw}.letter:nth-child(1){animation-delay:0.2s}.letter:nth-child(2){animation-delay:0.4s}.letter:nth-child(3){animation-delay:0.6s}.letter:nth-child(4){animation-delay:0.8s}.letter:nth-child(5){animation-delay:1.0s}.letter:nth-child(6){animation-delay:1.2s}.letter:nth-child(7){animation-delay:1.4s}.letter:nth-child(8){animation-delay:1.6s}@keyframes dropIn{0%{opacity:0;transform:translateY(-100px)}61%{opacity:1;transform:translateY(10px)}100%{transform:translateY(0);opacity:1}}@keyframes glowPulse{0%,100%{text-shadow:0 0 4px #ff3388, 0 0 8px #ff3388, 0 0 12px #ff0066, 0 0 16px #ff0066, 0 0 20px #ff0066}50%{text-shadow:0 0 6px #ff66aa, 0 0 12px #ff66aa, 0 0 18px #ff3399, 0 0 24px #ff3399, 0 0 30px #ff3399}}@media (max-width: 600px){.normal-text{font-size:8vw}.highlight-word{font-size:12vw}}.navbar{background:linear-gradient(90deg, rgba(255,255,255,0.95), rgba(220,255,250,0.95));box-shadow:none;position:sticky;top:0;width:100%;z-index:1000;border-bottom:2px solid transparent;transition:border-color 0.3s ease;height:150px}.navbar.scrolled{background:rgba(255,255,255,0.98);box-shadow:0 2px 8px rgba(0,0,0,0.1)}.nav-container{display:flex;justify-content:space-between;align-items:center}.logo-link{text-decoration:none;color:inherit;transition:color 0.3s ease, transform 0.3s ease;line-height:0;display:flex;align-items:center;margin:0;padding:0}.logo-link:hover{color:#00ffcc;text-shadow:0 0 8px #00ffcc, 0 0 12px #00ffcc;transform:scale(1.05)}.logo-image{height:6em;width:auto;display:block;margin:0;padding:0;transform:translateY(2rem)}.logo{font-family:'Orbitron', sans-serif;font-size:1.5rem;font-weight:700;color:#000}.nav-links{list-style:none;display:flex;gap:2rem;margin:0;padding:0}.nav-links li a{position:relative;text-decoration:none;font-weight:600;color:#222;transition:color 0.3s ease}.nav-links li a::after{content:"";display:none;position:absolute;left:0;bottom:-3px;width:0%;height:2px;background-color:#00ccb3;transition:width 0.3s ease}.nav-links li a:hover{color:#00ccb3;text-decoration:none}.nav-links li a:hover::after{width:100%}.menu-toggle{display:none;flex-direction:column;cursor:pointer;gap:5px}.menu-toggle span{display:block;width:25px;height:3px;background:#fff;transition:0.3s ease}@media (min-width: 769px){.nav-links{position:static;transform:none !important;background:transparent;flex-direction:row;padding:0}.menu-toggle{display:none !important}}.site-footer{background-color:#111;color:#eee;padding:4rem 2rem 2rem;font-size:0.95rem;font-family:'Open Sans', sans-serif}.footer-content{display:flex;justify-content:space-between;flex-wrap:wrap;max-width:1200px;margin:0 auto;gap:2rem;text-align:left}.footer-logo h3{font-family:'Orbitron', sans-serif;font-size:1.8rem;margin-bottom:0.8rem;color:#00ffcc;letter-spacing:1px}.footer-logo p{color:#bbb;font-size:0.95rem;max-width:250px}.footer-links h4,.footer-contact h4{font-family:'Orbitron', sans-serif;font-size:1.2rem;margin-bottom:1rem;color:#fff;text-transform:uppercase;letter-spacing:1px}.footer-links ul{list-style:none;padding:0;margin:0}.footer-links li{margin-bottom:0.6rem}.footer-links a{color:#ccc;text-decoration:none;font-size:0.95rem;transition:color 0.3s ease, text-shadow 0.3s ease}.footer-links a:hover{color:#00ffcc;text-shadow:0 0 8px #00ffcc}.footer-contact p{display:flex;align-items:center;margin-bottom:0.6rem;color:#bbb;font-size:0.95rem;transition:color 0.3s ease}.footer-contact p i{margin-right:0.6rem;color:#00ffcc;font-size:1.1rem;transition:color 0.3s ease}.footer-contact p:hover{color:#fff}.footer-contact p:hover i{color:#ff5722}.footer-bottom{text-align:center;padding-top:2rem;border-top:1px solid #333;margin-top:2rem;font-size:0.85rem;color:#aaa}@media (max-width: 768px){.footer-content{flex-direction:column;text-align:center;align-items:center}.footer-logo p{max-width:none}}.back-home-wrapper{text-align:left;margin-bottom:2rem}.btn-back-home{display:inline-block;background-color:#00b8a9;color:white;padding:0.6rem 1.2rem;font-weight:bold;border-radius:8px;text-decoration:none;transition:background-color 0.3s ease}.btn-back-home:hover{background-color:#008f83}.testimonials{min-height:100vh;text-align:center;background:url(/assets/piano-e88b65a6f95be7c4d0be5d5151cc24951c0d686bbaadfd88035c9a6ce9b192d9.jpg) no-repeat center center;background-size:cover;background-attachment:fixed;color:#fff;position:relative;z-index:1;display:flex;align-items:center;justify-content:center}.testimonials::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.6);z-index:-1}.testimonials h2{font-family:'Orbitron', sans-serif;font-size:2.2rem;margin-bottom:2rem}.testimonial-slider{position:relative;max-width:600px;margin:0 auto;overflow:hidden}.testimonial-track{display:flex;transition:transform 0.5s ease}.testimonial-slide{flex:0 0 100%;padding:2rem;box-sizing:border-box}blockquote{font-style:italic;font-size:1.2rem}cite{display:block;margin-top:1rem;font-weight:bold}.slider-btn{position:absolute;top:50%;transform:translateY(-50%);background:rgba(0,255,204,0.8);border:none;padding:0.5rem 1rem;font-size:1.5rem;cursor:pointer;border-radius:50%;transition:background 0.3s ease}.slider-btn:hover{background:#00ccb3}.prev{left:10px}.next{right:10px}.slider-dots{display:flex;justify-content:center;margin-top:1rem;gap:0.5rem}.slider-dots button{width:10px;height:10px;border-radius:50%;border:none;background:#666;cursor:pointer;transition:background 0.3s ease}.slider-dots button.active{background:#00ffcc}.prev{left:-3rem}.next{right:-3rem}