@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;800&display=swap";:root{--bg-color: #050505;--bg-card: rgba(255, 255, 255, .05);--bg-glass: rgba(10, 10, 10, .7);--primary-accent: #0ea5e9;--secondary-accent: #f97316;--tertiary-accent: #ef4444;--text-main: #ffffff;--text-muted: #94a3b8;--glass-border: rgba(255, 255, 255, .08);--glass-blur: blur(20px);--transition: all .5s cubic-bezier(.23, 1, .32, 1);font-family:Outfit,system-ui,-apple-system,sans-serif;line-height:1.6;font-weight:400;color-scheme:dark;background-color:var(--bg-color);color:var(--text-main)}*{margin:0;padding:0;box-sizing:border-box;-webkit-font-smoothing:antialiased}body{overflow-x:hidden;position:relative;background-color:var(--bg-color)}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3%3Ffilter 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)'/%3E%3C/svg%3E");opacity:.02;pointer-events:none;z-index:9999}.mesh-bg{position:fixed;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:-1;pointer-events:none}.orb{position:absolute;width:60vw;height:60vw;border-radius:50%;filter:blur(120px);opacity:.15}.orb-1{top:-10%;left:-10%;background:radial-gradient(circle,var(--primary-accent),transparent 70%)}.orb-2{bottom:-10%;right:-10%;background:radial-gradient(circle,var(--secondary-accent),transparent 70%)}h1,h2,h3{font-weight:800;letter-spacing:-.03em;line-height:1.1}.container{max-width:1300px;margin:0 auto;padding:0 4rem}nav{position:fixed;top:2rem;left:50%;transform:translate(-50%);width:calc(100% - 8rem);max-width:1200px;height:5rem;display:flex;align-items:center;justify-content:space-between;padding:0 3rem;z-index:1000;background:var(--bg-glass);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:2.5rem;transition:var(--transition)}nav.scrolled{height:4rem;top:1rem;background:#050505e6}.logo{font-size:1.6rem;font-weight:800;color:#fff;text-decoration:none}.logo span{color:var(--text-muted);font-weight:400}.nav-links a{text-decoration:none;color:var(--text-muted);font-weight:500;font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;transition:var(--transition)}.nav-links a:hover{color:#fff}.nav-separator{width:1px;height:1.5rem;background-color:var(--glass-border);margin:0 .5rem}.nav-highlight{color:var(--primary-accent)!important;display:flex;align-items:center;gap:.3rem}.nav-highlight:hover{color:#fff!important;text-shadow:0 0 10px rgba(14,165,233,.5)}.hero{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding-top:5rem;position:relative}.hero-bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;overflow:hidden}.hero-bg img{width:100%;height:100%;object-fit:cover;object-position:top center;-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,1) 40%,rgba(0,0,0,0) 100%);mask-image:linear-gradient(to bottom,#000 40%,#0000)}.hero-content{position:relative;z-index:10;margin-top:15vh}.hero-content h1{font-size:clamp(3.5rem,8vw,6.5rem);margin-bottom:2rem;text-shadow:0 10px 30px rgba(0,0,0,.8)}.hero-subtitle{font-size:1.4rem;color:var(--text-muted);max-width:700px;margin:0 auto 3rem;line-height:1.4;text-shadow:0 5px 15px rgba(0,0,0,.8)}.btn{padding:1.25rem 3rem;border-radius:5rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;text-decoration:none;display:inline-block;transition:var(--transition);cursor:pointer;border:none}.btn-primary{background:#fff;color:#000}.btn-primary:hover{transform:translateY(-5px);box-shadow:0 20px 40px -10px #ffffff4d}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:3rem;margin-top:6rem}.card{background:var(--bg-card);border:1px solid var(--glass-border);border-radius:2rem;overflow:hidden;transition:var(--transition);text-decoration:none;color:inherit;display:block;position:relative}.card-img{width:100%;height:240px;overflow:hidden;position:relative}.card-img img{width:100%;height:100%;object-fit:cover;transition:var(--transition)}.card:hover .card-img img{transform:scale(1.1)}.card-body{padding:3rem}.card h3{font-size:clamp(1.4rem,4vw,1.8rem);margin-bottom:.8rem;letter-spacing:.05em;word-wrap:break-word;hyphens:auto}.card p{color:var(--text-muted);font-size:1rem;line-height:1.5;margin-bottom:1.5rem}.btn-outline{padding:.75rem 1.5rem;border:1px solid var(--glass-border);color:#fff;border-radius:.5rem;font-size:.9rem;transition:var(--transition)}.card:hover .btn-outline{background:#fff;color:#000}.card-icon{position:absolute;top:240px;left:3rem;transform:translateY(-50%);width:3.5rem;height:3.5rem;border-radius:.8rem;display:flex;align-items:center;justify-content:center;z-index:10;border:1px solid rgba(255,255,255,.2)}.card-icon svg{width:1.8rem;height:1.8rem;fill:#fff}.accent-piano{border-color:#0ea5e966;box-shadow:inset 0 0 20px #0ea5e91a,0 0 20px #0ea5e91a}.accent-piano .card-icon{background:#0ea5e9cc;backdrop-filter:blur(5px)}.accent-piano:hover{box-shadow:inset 0 0 30px #0ea5e933,0 0 50px #0ea5e94d;border-color:var(--primary-accent)}.accent-strings{border-color:#f9731666;box-shadow:inset 0 0 20px #f973161a,0 0 20px #f973161a}.accent-strings .card-icon{background:#f97316cc;backdrop-filter:blur(5px)}.accent-strings:hover{box-shadow:inset 0 0 30px #f9731633,0 0 50px #f973164d;border-color:var(--secondary-accent)}.accent-drums{border-color:#ef444466;box-shadow:inset 0 0 20px #ef44441a,0 0 20px #ef44441a}.accent-drums .card-icon{background:#ef4444cc;backdrop-filter:blur(5px)}.accent-drums:hover{box-shadow:inset 0 0 30px #ef444433,0 0 50px #ef44444d;border-color:var(--tertiary-accent)}.animate{opacity:0;transform:translateY(40px);transition:var(--transition)}.animate.visible{opacity:1;transform:translateY(0)}.markdown-content h2{font-size:2rem;margin:3rem 0 1.5rem;color:#fff;border-bottom:2px solid rgba(255,255,255,.05);padding-bottom:.5rem}.markdown-content h3{font-size:1.5rem;margin:2rem 0 1rem;color:var(--text-muted)}.markdown-content ul,.markdown-content ol{margin:1.5rem 0;padding-left:2rem}.markdown-content li{margin-bottom:.5rem;line-height:1.8}.markdown-content strong{color:#fff;font-weight:600}.markdown-content blockquote{border-left:4px solid var(--primary-accent);padding:1rem 2rem;margin:2rem 0;background:#ffffff08;font-style:italic;border-radius:0 1rem 1rem 0}.faq-item{transition:var(--transition)}.faq-item:hover{border-color:#fff3;background:#ffffff0d}.faq-icon{transition:transform .3s ease}details[open] .faq-icon{transform:rotate(45deg)}details>summary{list-style:none}details>summary::-webkit-details-marker{display:none}.hamburger{display:none;background:none;border:none;color:#fff;cursor:pointer;padding:.5rem;z-index:1000}.mobile-menu{display:none;position:absolute;top:100%;left:0;width:100%;background:#0a0a0af2;backdrop-filter:blur(10px);border-bottom:1px solid var(--glass-border);padding:1rem 0;flex-direction:column;gap:1rem;text-align:center}.mobile-menu.open{display:flex}.mobile-menu a{color:#fff;text-decoration:none;text-transform:uppercase;letter-spacing:.1em;font-size:.9rem;padding:.5rem 0}@media(max-width:1024px){.container{padding:0 2rem}nav{width:calc(100% - 4rem);padding:0 1.5rem}.nav-links{display:none!important}.hamburger{display:block}}