html,body{overflow-x:hidden;width:100%;scroll-behavior:smooth;scroll-padding-top:80px}:root{--primary-navy: #0f172a;--chess-gold: #8b5cf6;--music-teal: #0d9488;--arts-coral: #2563eb;--light-bg: #ffffff;--text-dark: #0f172a;--text-light: #475569;--glass-bg: rgba(255, 255, 255, .7);--glass-border: rgba(0, 0, 0, .1);--shadow-soft: 0 4px 20px rgba(0, 0, 0, .05);--shadow-deep: 0 20px 40px rgba(0, 0, 0, .1);--shadow-glow: 0 0 20px rgba(139, 92, 246, .15)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,Open Sans,sans-serif;line-height:1.6;color:var(--text-light);background-color:var(--light-bg);position:relative;overflow-x:hidden;width:100%}body:before{content:"";position:fixed;top:0;left:0;width:100vw;height:100vh;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.03'/%3E%3C/svg%3E");pointer-events:none;z-index:9999}body:after{content:"";position:fixed;top:-20vh;left:-10vw;width:60vw;height:60vh;border-radius:50%;background:radial-gradient(circle,rgba(59,130,246,.15) 0%,transparent 70%);filter:blur(80px);z-index:-1;pointer-events:none}.ambient-orb{position:fixed;bottom:-20vh;right:-10vw;width:50vw;height:50vh;border-radius:50%;background:radial-gradient(circle,rgba(168,85,247,.15) 0%,transparent 70%);filter:blur(80px);z-index:-1;pointer-events:none}h1,h2,h3,h4{font-family:Inter,sans-serif;font-weight:600;letter-spacing:-.02em;color:var(--text-dark)}.header-nav{background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--glass-border);padding:.4rem 5%;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:1000;box-shadow:0 4px 30px #0000000d;transition:all .3s ease}.logo{display:flex;align-items:center;text-decoration:none}.logo-img{height:150px;max-width:380px;width:auto;object-fit:contain;transition:transform .3s ease;margin-left:-40px}.logo:hover .logo-img{transform:scale(1.05)}.nav-links{list-style:none;display:flex;gap:2.5rem;align-items:center}.nav-links a{color:var(--text-light);text-decoration:none;font-weight:600;font-size:1rem;transition:all .3s ease;position:relative}.nav-links a:after{content:"";position:absolute;bottom:-4px;left:0;width:0%;height:2px;background-color:var(--chess-gold);transition:width .3s ease}.nav-links a:hover{color:var(--text-dark)}.nav-links a:hover:after{width:100%}.btn-nav{background:linear-gradient(135deg,var(--arts-coral),#e11d48);padding:.5rem 1.2rem;border-radius:50px;color:#fff!important;font-weight:700;transition:all .3s ease;box-shadow:0 4px 15px #f43f5e4d}.btn-nav:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 8px 25px #f43f5e80}.menu-icon{display:none;font-size:1.8rem;color:var(--text-dark);cursor:pointer}.hero{background:linear-gradient(135deg,var(--light-bg) 0%,#f1f5f9 100%);position:relative;color:var(--text-dark);padding:4rem 5% 6rem;text-align:center;min-height:70vh;display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden}.hero h1{font-size:4.5rem;margin-bottom:1.5rem;line-height:1.1;background:linear-gradient(to right,#0f172a,#334155);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;z-index:1}.hero p{font-size:1.25rem;margin-bottom:2.5rem;max-width:650px;opacity:.85;line-height:1.8;z-index:1}.cta-group{display:flex;gap:1.5rem;z-index:1}.btn{padding:1rem 2.5rem;border-radius:50px;text-decoration:none;font-weight:700;font-size:1.1rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;border:none}.btn-primary{background:linear-gradient(135deg,var(--chess-gold),var(--arts-coral));color:#fff;box-shadow:0 4px 15px #a855f74d;border:1px solid rgba(168,85,247,.5)}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 8px 25px #a855f799;border-color:#a855f7}.btn-outline{border:2px solid rgba(34,211,238,.4);color:var(--music-teal);background:#22d3ee0d;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.btn-outline:hover{background:#22d3ee26;border-color:var(--music-teal);transform:translateY(-3px);box-shadow:0 0 15px #22d3ee4d}.pillars{padding:0 5%;display:flex;justify-content:center;gap:2.5rem;margin-top:-5rem;flex-wrap:wrap;position:relative;z-index:10}.card{background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);padding:3rem 2rem;border-radius:24px;width:320px;box-shadow:var(--shadow-deep);text-align:center;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;color:inherit}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:6px;background:currentColor;opacity:.8}.card:hover{transform:translateY(-15px);box-shadow:0 30px 60px #00000026}.card-icon{font-size:3.5rem;margin-bottom:1.5rem;display:inline-block}.card.chess{color:var(--chess-gold)}.card.music{color:var(--music-teal)}.card.arts{color:var(--arts-coral)}.card h3{color:var(--text-dark);font-size:1.5rem;margin-bottom:1rem}.card p{color:#64748b;font-size:1.05rem;line-height:1.6}.about,.our-story-home,.story-section,.testimonials{padding:6rem 5%;text-align:center}.about h2,.our-story-home h2,.story-section h2,.testimonials h2{font-size:3rem;margin-bottom:1.5rem;background:linear-gradient(135deg,var(--chess-gold),var(--arts-coral));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.story-container,.about-page-content{max-width:900px;margin:0 auto}.story-intro,.page-subtitle{font-size:1.4rem;color:var(--text-dark);margin-bottom:3rem;line-height:1.6}.story-content,.story-text{text-align:left;background:#fff;padding:3rem;border-radius:30px;box-shadow:var(--shadow-soft);border:1px solid var(--glass-border)}.story-content p,.story-text p{margin-bottom:1.5rem;font-size:1.1rem;color:var(--text-light)}.story-invite{font-weight:700;color:var(--chess-gold)!important;font-size:1.25rem!important;margin-top:2rem}.vision-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-top:3rem}.vision-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:2.5rem;border-radius:20px;box-shadow:var(--shadow-soft);text-align:left;transition:all .3s ease;border:1px solid var(--glass-border)}.vision-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-glow);border-color:var(--chess-gold)}.vision-card .step-num{font-size:3rem;font-weight:800;color:var(--chess-gold);opacity:.5;margin-bottom:.5rem;display:block}.page-container{padding:6rem 5%;max-width:1200px;margin:0 auto}.page-title{text-align:center;font-size:3.5rem;margin-bottom:1rem;color:var(--primary-navy)}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-bottom:6rem}.service-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;padding:2rem;box-shadow:var(--shadow-soft);display:flex;align-items:flex-start;gap:1.5rem;transition:all .3s ease;border:1px solid var(--glass-border)}.service-icon{font-size:2.5rem;color:var(--music-teal);background:#22d3ee1a;padding:1rem;border-radius:16px}.section-header{text-align:center;margin-bottom:4rem}.section-icon{font-size:4rem;margin-bottom:1.5rem;display:inline-block}.section-header h2{font-size:3.5rem;color:var(--primary-navy);margin-bottom:.5rem}.section-header p{font-size:1.2rem;color:#64748b}.roadmap-section{background:linear-gradient(135deg,#f5f3ff,#ede9fe);color:var(--text-dark);padding:4rem;border-radius:30px;position:relative;overflow:hidden;border:1px solid rgba(139,92,246,.15);margin-bottom:3rem;text-align:center}.roadmap-section h3{font-size:3.5rem;margin-bottom:3rem;color:var(--primary-navy)}.roadmap-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.roadmap-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);padding:2rem;border-radius:20px;height:100%;text-align:left}.bento-centered{grid-column:1 / -1;justify-self:center;width:100%;max-width:380px}@media(min-width:900px){.bento-centered{grid-column:auto;justify-self:stretch;max-width:none}}.roadmap-level{color:var(--chess-gold);font-weight:800;font-size:.9rem;letter-spacing:2px;text-transform:uppercase;margin-bottom:.5rem}.roadmap-title{font-size:1.8rem;margin-bottom:1.5rem}.roadmap-list{list-style:none;margin-bottom:1.5rem}.roadmap-list li{margin-bottom:.8rem;padding-left:1.5rem;position:relative;font-size:.95rem;color:var(--text-light)}.roadmap-list li:before{content:"•";position:absolute;left:0;color:var(--chess-gold);font-size:1.2rem;top:-2px}.instruments-grid{text-align:center;margin:4rem 0}.instruments-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1.5rem}.instrument-item{background:var(--glass-bg);padding:1.5rem;border-radius:15px;border:1px solid var(--glass-border);font-weight:600;color:var(--music-teal);transition:all .3s ease}.instrument-item:hover{transform:translateY(-5px);background:var(--music-teal);color:#fff}.testimonial-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2.5rem;margin-top:3rem}.testimonial-card{background:var(--glass-bg);padding:2.5rem;border-radius:20px;border:1px solid var(--glass-border);box-shadow:var(--shadow-soft);display:flex;flex-direction:column;justify-content:space-between}.stars{color:#fbbf24;margin-bottom:1rem}.author{font-weight:600}footer{background-color:#f8fafc;color:var(--text-light);padding:4rem 5% 2rem;text-align:center;border-top:1px solid var(--glass-border)}.footer-logo span{color:#eab308}@media(max-width:768px){.logo-img{height:60px;margin-left:-5px}.hero h1{font-size:2.5rem}.hero p{font-size:1.1rem}.pillars{flex-direction:column;align-items:center;margin-top:2rem}.card{width:100%;max-width:400px}.menu-icon{display:block}.nav-links{position:absolute;top:100%;left:0;width:100%;background:#fffffffa;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);flex-direction:column;max-height:0;overflow:hidden;transition:max-height .3s ease}.nav-links.active{max-height:400px;padding:1rem 0}.nav-links a{display:block;padding:1rem;border-bottom:1px solid var(--glass-border)}.roadmap-section{padding:1rem;border-radius:15px;width:100%;margin-left:0;margin-right:0}.roadmap-section h3{font-size:2.2rem;margin-bottom:2rem}.section-header h2{font-size:2.5rem}.section-icon{font-size:3rem}.roadmap-grid{grid-template-columns:1fr;gap:1rem;width:100%}.roadmap-card{padding:1.2rem;width:100%}.course-section{padding:1rem}.page-container{padding:4rem 1rem}}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}