@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";*{margin:0;padding:0;box-sizing:border-box}:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#000;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(135deg,#000,#1a1a2e,#16213e);font-family:Inter,sans-serif;color:#fff}#root{width:100%;margin:0 auto}.container{max-width:1200px;margin:0 auto;padding:0 1rem}.text-center{text-align:center}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.space-x-4>*+*{margin-left:1rem}.space-y-4>*+*{margin-top:1rem}.space-y-6>*+*{margin-top:1.5rem}.space-y-8>*+*{margin-top:2rem}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-8{padding-top:2rem;padding-bottom:2rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-16{padding-top:4rem;padding-bottom:4rem}.py-20{padding-top:5rem;padding-bottom:5rem}.m-0{margin:0}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mb-12{margin-bottom:3rem}.mb-16{margin-bottom:4rem}.mt-4{margin-top:1rem}.mt-8{margin-top:2rem}.text-sm{font-size:.875rem}.text-base{font-size:1rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.text-4xl{font-size:2.25rem}.text-5xl{font-size:3rem}.text-6xl{font-size:3.75rem}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-white{color:#fff}.text-gray-300{color:#d1d5db}.text-gray-400{color:#9ca3af}.text-gray-500{color:#6b7280}.text-purple-400{color:#c084fc}.text-purple-500{color:#a855f7}.text-pink-500{color:#ec4899}.text-red-500{color:#ef4444}.text-yellow-400{color:#fbbf24}.bg-black{background-color:#000}.bg-gray-800{background-color:#1f2937}.bg-gray-900{background-color:#111827}.bg-purple-500{background-color:#a855f7}.bg-pink-500{background-color:#ec4899}.bg-red-500{background-color:#ef4444}.bg-blue-500{background-color:#3b82f6}.bg-gradient-to-r{background:linear-gradient(to right,var(--tw-gradient-stops))}.bg-gradient-to-br{background:linear-gradient(to bottom right,var(--tw-gradient-stops))}.from-purple-400{--tw-gradient-from: #c084fc}.from-purple-500{--tw-gradient-from: #a855f7}.from-pink-500{--tw-gradient-from: #ec4899}.from-red-500{--tw-gradient-from: #ef4444}.to-pink-500{--tw-gradient-to: #ec4899}.to-red-500{--tw-gradient-to: #ef4444}.bg-clip-text{-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.border{border-width:1px}.border-2{border-width:2px}.border-gray-600{border-color:#4b5563}.border-gray-700{border-color:#374151}.border-purple-500{border-color:#a855f7}.border-pink-500{border-color:#ec4899}.rounded{border-radius:.25rem}.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem}.rounded-2xl{border-radius:1rem}.rounded-full{border-radius:9999px}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.top-0{top:0}.left-0{left:0}.right-0{right:0}.bottom-0{bottom:0}.z-50{z-index:50}.w-full{width:100%}.h-full{height:100%}.h-screen{height:100vh}.min-h-screen{min-height:100vh}.flex-wrap{flex-wrap:wrap}.flex-shrink-0{flex-shrink:0}.flex-1{flex:1 1 0%}.hidden{display:none}.block{display:block}.inline{display:inline}.inline-block{display:inline-block}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-80{opacity:.8}.opacity-90{opacity:.9}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-105{--tw-scale-x: 1.05;--tw-scale-y: 1.05}.scale-110{--tw-scale-x: 1.1;--tw-scale-y: 1.1}.-translate-x-1\/2{--tw-translate-x: -50%}.-translate-y-1\/2{--tw-translate-y: -50%}.transition-all{transition-property:all}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke}.transition-transform{transition-property:transform}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.hover\:text-white:hover{color:#fff}.hover\:text-pink-500:hover{color:#ec4899}.hover\:text-red-500:hover{color:#ef4444}.hover\:text-purple-500:hover{color:#a855f7}.hover\:bg-purple-500\/10:hover{background-color:#a855f71a}.hover\:border-purple-500\/50:hover{border-color:#a855f780}.hover\:scale-105:hover{--tw-scale-x: 1.05;--tw-scale-y: 1.05}.hover\:scale-110:hover{--tw-scale-x: 1.1;--tw-scale-y: 1.1}.hover\:y-10:hover{transform:translateY(-10px)}.hover\:shadow-lg:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.hover\:shadow-purple-500\/25:hover{box-shadow:0 10px 15px -3px #a855f740,0 4px 6px -2px #a855f71a}.focus\:border-purple-500:focus{border-color:#a855f7}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}@media (min-width: 640px){.sm\:flex{display:flex}.sm\:flex-row{flex-direction:row}.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}.sm\:text-2xl{font-size:1.5rem}}@media (min-width: 768px){.md\:flex{display:flex}.md\:grid{display:grid}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:text-center{text-align:center}.md\:text-left{text-align:left}.md\:text-right{text-align:right}.md\:space-x-4>*+*{margin-left:1rem}.md\:space-x-6>*+*{margin-left:1.5rem}.md\:space-x-8>*+*{margin-left:2rem}.md\:space-y-4>*+*{margin-top:1rem}.md\:space-y-6>*+*{margin-top:1.5rem}.md\:space-y-8>*+*{margin-top:2rem}.md\:gap-4{gap:1rem}.md\:gap-6{gap:1.5rem}.md\:gap-8{gap:2rem}.md\:p-4{padding:1rem}.md\:p-6{padding:1.5rem}.md\:p-8{padding:2rem}.md\:px-4{padding-left:1rem;padding-right:1rem}.md\:px-6{padding-left:1.5rem;padding-right:1.5rem}.md\:px-8{padding-left:2rem;padding-right:2rem}.md\:py-4{padding-top:1rem;padding-bottom:1rem}.md\:py-6{padding-top:1.5rem;padding-bottom:1.5rem}.md\:py-8{padding-top:2rem;padding-bottom:2rem}.md\:py-12{padding-top:3rem;padding-bottom:3rem}.md\:py-16{padding-top:4rem;padding-bottom:4rem}.md\:py-20{padding-top:5rem;padding-bottom:5rem}.md\:m-0{margin:0}.md\:mb-2{margin-bottom:.5rem}.md\:mb-4{margin-bottom:1rem}.md\:mb-6{margin-bottom:1.5rem}.md\:mb-8{margin-bottom:2rem}.md\:mb-12{margin-bottom:3rem}.md\:mb-16{margin-bottom:4rem}.md\:mt-4{margin-top:1rem}.md\:mt-8{margin-top:2rem}.md\:text-sm{font-size:.875rem}.md\:text-base{font-size:1rem}.md\:text-lg{font-size:1.125rem}.md\:text-xl{font-size:1.25rem}.md\:text-2xl{font-size:1.5rem}.md\:text-3xl{font-size:1.875rem}.md\:text-4xl{font-size:2.25rem}.md\:text-5xl{font-size:3rem}.md\:text-6xl{font-size:3.75rem}.md\:text-7xl{font-size:4.5rem}.md\:font-medium{font-weight:500}.md\:font-semibold{font-weight:600}.md\:font-bold{font-weight:700}.md\:text-white{color:#fff}.md\:text-gray-300{color:#d1d5db}.md\:text-gray-400{color:#9ca3af}.md\:text-gray-500{color:#6b7280}.md\:text-purple-400{color:#c084fc}.md\:text-purple-500{color:#a855f7}.md\:text-pink-500{color:#ec4899}.md\:text-red-500{color:#ef4444}.md\:text-yellow-400{color:#fbbf24}.md\:bg-black{background-color:#000}.md\:bg-gray-800{background-color:#1f2937}.md\:bg-gray-900{background-color:#111827}.md\:bg-purple-500{background-color:#a855f7}.md\:bg-pink-500{background-color:#ec4899}.md\:bg-red-500{background-color:#ef4444}.md\:bg-blue-500{background-color:#3b82f6}.md\:border{border-width:1px}.md\:border-2{border-width:2px}.md\:border-gray-600{border-color:#4b5563}.md\:border-gray-700{border-color:#374151}.md\:border-purple-500{border-color:#a855f7}.md\:border-pink-500{border-color:#ec4899}.md\:rounded{border-radius:.25rem}.md\:rounded-lg{border-radius:.5rem}.md\:rounded-xl{border-radius:.75rem}.md\:rounded-2xl{border-radius:1rem}.md\:rounded-full{border-radius:9999px}.md\:fixed{position:fixed}.md\:absolute{position:absolute}.md\:relative{position:relative}.md\:top-0{top:0}.md\:left-0{left:0}.md\:right-0{right:0}.md\:bottom-0{bottom:0}.md\:z-50{z-index:50}.md\:w-full{width:100%}.md\:h-full{height:100%}.md\:h-screen{height:100vh}.md\:min-h-screen{min-height:100vh}.md\:flex-wrap{flex-wrap:wrap}.md\:flex-shrink-0{flex-shrink:0}.md\:flex-1{flex:1 1 0%}.md\:hidden{display:none}.md\:block{display:block}.md\:inline{display:inline}.md\:inline-block{display:inline-block}.md\:opacity-0{opacity:0}.md\:opacity-50{opacity:.5}.md\:opacity-80{opacity:.8}.md\:opacity-90{opacity:.9}.md\:transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.md\:scale-105{--tw-scale-x: 1.05;--tw-scale-y: 1.05}.md\:scale-110{--tw-scale-x: 1.1;--tw-scale-y: 1.1}.md\:-translate-x-1\/2{--tw-translate-x: -50%}.md\:-translate-y-1\/2{--tw-translate-y: -50%}.md\:transition-all{transition-property:all}.md\:transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke}.md\:transition-transform{transition-property:transform}.md\:duration-200{transition-duration:.2s}.md\:duration-300{transition-duration:.3s}.md\:hover\:text-white:hover{color:#fff}.md\:hover\:text-pink-500:hover{color:#ec4899}.md\:hover\:text-red-500:hover{color:#ef4444}.md\:hover\:text-purple-500:hover{color:#a855f7}.md\:hover\:bg-purple-500\/10:hover{background-color:#a855f71a}.md\:hover\:border-purple-500\/50:hover{border-color:#a855f780}.md\:hover\:scale-105:hover{--tw-scale-x: 1.05;--tw-scale-y: 1.05}.md\:hover\:scale-110:hover{--tw-scale-x: 1.1;--tw-scale-y: 1.1}.md\:hover\:y-10:hover{transform:translateY(-10px)}.md\:hover\:shadow-lg:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.md\:hover\:shadow-purple-500\/25:hover{box-shadow:0 10px 15px -3px #a855f740,0 4px 6px -2px #a855f71a}.md\:focus\:border-purple-500:focus{border-color:#a855f7}.md\:focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}}@media (min-width: 1024px){.lg\:grid{display:grid}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:gap-12{gap:3rem}.lg\:text-center{text-align:center}.lg\:text-left{text-align:left}.lg\:text-right{text-align:right}.lg\:space-x-4>*+*{margin-left:1rem}.lg\:space-x-6>*+*{margin-left:1.5rem}.lg\:space-x-8>*+*{margin-left:2rem}.lg\:space-y-4>*+*{margin-top:1rem}.lg\:space-y-6>*+*{margin-top:1.5rem}.lg\:space-y-8>*+*{margin-top:2rem}.lg\:gap-4{gap:1rem}.lg\:gap-6{gap:1.5rem}.lg\:gap-8{gap:2rem}.lg\:p-4{padding:1rem}.lg\:p-6{padding:1.5rem}.lg\:p-8{padding:2rem}.lg\:px-4{padding-left:1rem;padding-right:1rem}.lg\:px-6{padding-left:1.5rem;padding-right:1.5rem}.lg\:px-8{padding-left:2rem;padding-right:2rem}.lg\:py-4{padding-top:1rem;padding-bottom:1rem}.lg\:py-6{padding-top:1.5rem;padding-bottom:1.5rem}.lg\:py-8{padding-top:2rem;padding-bottom:2rem}.lg\:py-12{padding-top:3rem;padding-bottom:3rem}.lg\:py-16{padding-top:4rem;padding-bottom:4rem}.lg\:py-20{padding-top:5rem;padding-bottom:5rem}.lg\:m-0{margin:0}.lg\:mb-2{margin-bottom:.5rem}.lg\:mb-4{margin-bottom:1rem}.lg\:mb-6{margin-bottom:1.5rem}.lg\:mb-8{margin-bottom:2rem}.lg\:mb-12{margin-bottom:3rem}.lg\:mb-16{margin-bottom:4rem}.lg\:mt-4{margin-top:1rem}.lg\:mt-8{margin-top:2rem}.lg\:text-sm{font-size:.875rem}.lg\:text-base{font-size:1rem}.lg\:text-lg{font-size:1.125rem}.lg\:text-xl{font-size:1.25rem}.lg\:text-2xl{font-size:1.5rem}.lg\:text-3xl{font-size:1.875rem}.lg\:text-4xl{font-size:2.25rem}.lg\:text-5xl{font-size:3rem}.lg\:text-6xl{font-size:3.75rem}.lg\:font-medium{font-weight:500}.lg\:font-semibold{font-weight:600}.lg\:font-bold{font-weight:700}.lg\:text-white{color:#fff}.lg\:text-gray-300{color:#d1d5db}.lg\:text-gray-400{color:#9ca3af}.lg\:text-gray-500{color:#6b7280}.lg\:text-purple-400{color:#c084fc}.lg\:text-purple-500{color:#a855f7}.lg\:text-pink-500{color:#ec4899}.lg\:text-red-500{color:#ef4444}.lg\:text-yellow-400{color:#fbbf24}.lg\:bg-black{background-color:#000}.lg\:bg-gray-800{background-color:#1f2937}.lg\:bg-gray-900{background-color:#111827}.lg\:bg-purple-500{background-color:#a855f7}.lg\:bg-pink-500{background-color:#ec4899}.lg\:bg-red-500{background-color:#ef4444}.lg\:bg-blue-500{background-color:#3b82f6}.lg\:border{border-width:1px}.lg\:border-2{border-width:2px}.lg\:border-gray-600{border-color:#4b5563}.lg\:border-gray-700{border-color:#374151}.lg\:border-purple-500{border-color:#a855f7}.lg\:border-pink-500{border-color:#ec4899}.lg\:rounded{border-radius:.25rem}.lg\:rounded-lg{border-radius:.5rem}.lg\:rounded-xl{border-radius:.75rem}.lg\:rounded-2xl{border-radius:1rem}.lg\:rounded-full{border-radius:9999px}.lg\:fixed{position:fixed}.lg\:absolute{position:absolute}.lg\:relative{position:relative}.lg\:top-0{top:0}.lg\:left-0{left:0}.lg\:right-0{right:0}.lg\:bottom-0{bottom:0}.lg\:z-50{z-index:50}.lg\:w-full{width:100%}.lg\:h-full{height:100%}.lg\:h-screen{height:100vh}.lg\:min-h-screen{min-height:100vh}.lg\:flex-wrap{flex-wrap:wrap}.lg\:flex-shrink-0{flex-shrink:0}.lg\:flex-1{flex:1 1 0%}.lg\:hidden{display:none}.lg\:block{display:block}.lg\:inline{display:inline}.lg\:inline-block{display:inline-block}.lg\:opacity-0{opacity:0}.lg\:opacity-50{opacity:.5}.lg\:opacity-80{opacity:.8}.lg\:opacity-90{opacity:.9}.lg\:transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.lg\:scale-105{--tw-scale-x: 1.05;--tw-scale-y: 1.05}.lg\:scale-110{--tw-scale-x: 1.1;--tw-scale-y: 1.1}.lg\:-translate-x-1\/2{--tw-translate-x: -50%}.lg\:-translate-y-1\/2{--tw-translate-y: -50%}.lg\:transition-all{transition-property:all}.lg\:transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke}.lg\:transition-transform{transition-property:transform}.lg\:duration-200{transition-duration:.2s}.lg\:duration-300{transition-duration:.3s}.lg\:hover\:text-white:hover{color:#fff}.lg\:hover\:text-pink-500:hover{color:#ec4899}.lg\:hover\:text-red-500:hover{color:#ef4444}.lg\:hover\:text-purple-500:hover{color:#a855f7}.lg\:hover\:bg-purple-500\/10:hover{background-color:#a855f71a}.lg\:hover\:border-purple-500\/50:hover{border-color:#a855f780}.lg\:hover\:scale-105:hover{--tw-scale-x: 1.05;--tw-scale-y: 1.05}.lg\:hover\:scale-110:hover{--tw-scale-x: 1.1;--tw-scale-y: 1.1}.lg\:hover\:y-10:hover{transform:translateY(-10px)}.lg\:hover\:shadow-lg:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.lg\:hover\:shadow-purple-500\/25:hover{box-shadow:0 10px 15px -3px #a855f740,0 4px 6px -2px #a855f71a}.lg\:focus\:border-purple-500:focus{border-color:#a855f7}.lg\:focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px #8b5cf64d}50%{box-shadow:0 0 40px #8b5cf699}}@keyframes gradient-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#1a1a1a}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#8b5cf6,#ec4899);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#7c3aed,#db2777)}.gradient-text{background:linear-gradient(135deg,#8b5cf6,#ec4899,#f97316);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradient-shift 3s ease infinite}.hero-title{font-size:3rem;font-weight:700;margin-bottom:1.5rem;color:#fff}.hero-background{position:relative;overflow:hidden}.hero-subtitle{font-size:1.25rem;color:#d1d5db;margin-bottom:2rem;max-width:42rem;margin-left:auto;margin-right:auto}@media (min-width: 768px){.hero-title{font-size:4.5rem}.hero-subtitle{font-size:1.5rem}}.hero-buttons{display:flex;flex-direction:column;gap:1rem;justify-content:center;align-items:center}@media (min-width: 640px){.hero-buttons{flex-direction:row}}.section-header{text-align:center;margin-bottom:4rem}.section-title{font-size:2.25rem;font-weight:700;margin-bottom:1.5rem;color:#fff}.section-subtitle{font-size:1.25rem;color:#9ca3af;max-width:48rem;margin-left:auto;margin-right:auto}@media (min-width: 768px){.section-title{font-size:3rem}.section-subtitle{font-size:1.5rem}}.services-grid{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:2rem}@media (min-width: 1024px){.services-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.service-card{background:linear-gradient(135deg,#1f2937,#111827);padding:1.5rem;border-radius:1rem;border:1px solid #374151;transition:all .3s ease}.service-card:hover{border-color:#8b5cf680;transform:translateY(-10px)}.service-icon{width:3rem;height:3rem;background:linear-gradient(135deg,#a855f7,#ec4899);border-radius:.75rem;display:flex;align-items:center;justify-content:center;margin-bottom:1rem}.service-title{font-size:1.25rem;font-weight:600;margin-bottom:.5rem;color:#fff}.service-description{color:#9ca3af}.cta-section{text-align:center}.cta-title{font-size:2.25rem;font-weight:700;margin-bottom:1.5rem;color:#fff}.cta-subtitle{font-size:1.25rem;color:#d1d5db;margin-bottom:2rem;max-width:42rem;margin-left:auto;margin-right:auto}@media (min-width: 768px){.cta-title{font-size:3rem}.cta-subtitle{font-size:1.5rem}}.page-title{font-size:3rem;font-weight:700;margin-bottom:1.5rem;color:#fff}.page-subtitle{font-size:1.25rem;color:#d1d5db;max-width:48rem;margin-left:auto;margin-right:auto}@media (min-width: 768px){.page-title{font-size:3.75rem}.page-subtitle{font-size:1.5rem}}.studio-layout{display:grid;grid-template-columns:1fr;gap:3rem;align-items:center}@media (min-width: 1024px){.studio-layout{grid-template-columns:1fr 1fr}}.studio-sections{margin-bottom:2rem}.section-heading{font-size:1.875rem;font-weight:700;margin-bottom:1.5rem;color:#fff}.sections-list{display:flex;flex-direction:column;gap:1.5rem}.section-item{display:flex;align-items:flex-start;gap:1rem}.section-icon{width:3rem;height:3rem;background:linear-gradient(135deg,#a855f7,#ec4899);border-radius:.75rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.section-content{flex:1}.section-name{font-size:1.25rem;font-weight:600;margin-bottom:.5rem;color:#fff}.section-description{color:#9ca3af}.studio-visualization{position:relative}.visualization-card{background:linear-gradient(135deg,#1f2937,#111827);border-radius:1rem;padding:2rem;border:1px solid #374151}.visualization-placeholder{aspect-ratio:1;background:linear-gradient(135deg,#8b5cf633,#ec489933);border-radius:.75rem;display:flex;align-items:center;justify-content:center}.visualization-content{text-align:center}.visualization-text{color:#9ca3af;margin-bottom:.5rem}.visualization-subtext{font-size:.875rem;color:#6b7280}.equipment-grid{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:2rem}@media (min-width: 768px){.equipment-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.equipment-card{background:linear-gradient(135deg,#1f2937,#111827);padding:1.5rem;border-radius:1rem;border:1px solid #374151;transition:all .3s ease}.equipment-card:hover{border-color:#8b5cf680;transform:translateY(-5px)}.equipment-item{display:flex;align-items:flex-start;gap:1rem}.equipment-icon{width:3rem;height:3rem;background:linear-gradient(135deg,#a855f7,#ec4899);border-radius:.75rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.equipment-content{flex:1}.equipment-name{font-size:1.25rem;font-weight:600;margin-bottom:.5rem;color:#fff}.equipment-description{color:#9ca3af}.policies-grid{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:2rem}@media (min-width: 768px){.policies-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.policies-column{display:flex;flex-direction:column;gap:1rem}.policy-item{display:flex;align-items:flex-start;gap:.75rem}.policy-icon{color:#c084fc;margin-top:.25rem;flex-shrink:0}.policy-text{color:#d1d5db}.services-grid{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:2rem;margin-bottom:5rem}@media (min-width: 768px){.services-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 1024px){.services-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.service-pricing-card{background:linear-gradient(135deg,#1f2937,#111827);padding:1.5rem;border-radius:1rem;border:1px solid #374151;transition:all .3s ease}.service-pricing-card:hover{border-color:#8b5cf680;transform:translateY(-10px)}.service-pricing-icon{width:3rem;height:3rem;background:linear-gradient(135deg,#a855f7,#ec4899);border-radius:.75rem;display:flex;align-items:center;justify-content:center;margin-bottom:1rem}.service-pricing-title{font-size:1.25rem;font-weight:600;margin-bottom:.5rem;color:#fff}.service-pricing-description{color:#9ca3af;margin-bottom:1rem}.service-pricing-amount{display:flex;align-items:baseline;margin-bottom:1rem}.service-price{font-size:1.875rem;font-weight:700;color:#c084fc}.service-duration{color:#9ca3af;margin-left:.5rem}.service-features{display:flex;flex-direction:column;gap:.5rem}.service-feature{display:flex;align-items:center;font-size:.875rem;color:#d1d5db}.feature-icon{color:#c084fc;margin-right:.5rem;flex-shrink:0}.packages-grid{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:2rem}@media (min-width: 768px){.packages-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.package-card{position:relative;background:linear-gradient(135deg,#1f2937,#111827);padding:2rem;border-radius:1rem;border:1px solid #374151;transition:all .3s ease}.package-card:hover{border-color:#8b5cf680;transform:translateY(-10px)}.popular-package{border-color:#a855f7;transform:scale(1.05)}.popular-badge{position:absolute;top:-1rem;left:50%;transform:translate(-50%)}.popular-badge-content{background:linear-gradient(135deg,#a855f7,#ec4899);color:#fff;padding:.5rem 1rem;border-radius:9999px;font-size:.875rem;font-weight:600;display:flex;align-items:center}.package-header{text-align:center;margin-bottom:1.5rem}.package-title{font-size:1.5rem;font-weight:700;margin-bottom:.5rem;color:#fff}.package-description{color:#9ca3af;margin-bottom:1rem}.package-pricing{display:flex;align-items:baseline;justify-content:center}.package-price{font-size:2.25rem;font-weight:700;color:#c084fc}.package-duration{color:#9ca3af;margin-left:.5rem}.package-features{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.package-feature{display:flex;align-items:center;color:#d1d5db}.package-button{width:100%;padding:.75rem;border-radius:.75rem;font-weight:600;transition:all .3s ease}.popular-button{background:linear-gradient(135deg,#a855f7,#ec4899);color:#fff}.popular-button:hover{box-shadow:0 10px 25px #8b5cf640}.secondary-button{border:1px solid #a855f7;color:#c084fc}.secondary-button:hover{background:#8b5cf61a}.addons-grid{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:2rem}@media (min-width: 768px){.addons-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.addon-card{background:linear-gradient(135deg,#1f2937,#111827);padding:1.5rem;border-radius:1rem;border:1px solid #374151;transition:all .3s ease}.addon-card:hover{border-color:#8b5cf680;transform:translateY(-5px)}.addon-content{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.addon-info{flex:1}.addon-title{font-size:1.25rem;font-weight:600;margin-bottom:.5rem;color:#fff}.addon-description{color:#9ca3af}.addon-pricing{text-align:right}.addon-price{font-size:1.5rem;font-weight:700;color:#c084fc}.addon-duration{font-size:.875rem;color:#9ca3af}.addon-button{width:100%;border:1px solid #a855f7;color:#c084fc;padding:.5rem;border-radius:.5rem;transition:all .3s ease}.addon-button:hover{background:#8b5cf61a}.category-filters{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;margin-bottom:3rem}.category-filter{padding:.75rem 1.5rem;border-radius:9999px;font-weight:500;transition:all .3s ease;border:1px solid #4b5563;color:#d1d5db}.category-filter:hover{border-color:#a855f7;color:#fff}.active-filter{background:linear-gradient(135deg,#a855f7,#ec4899);color:#fff;border-color:transparent}.portfolio-grid{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:2rem}@media (min-width: 768px){.portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 1024px){.portfolio-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.portfolio-card{background:linear-gradient(135deg,#1f2937,#111827);border-radius:1rem;overflow:hidden;border:1px solid #374151;transition:all .3s ease}.portfolio-card:hover{border-color:#8b5cf680;transform:translateY(-10px)}.portfolio-image-container{position:relative;aspect-ratio:1;overflow:hidden}.portfolio-image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.portfolio-card:hover .portfolio-image{transform:scale(1.1)}.portfolio-overlay{position:absolute;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.portfolio-card:hover .portfolio-overlay{opacity:1}.play-button{width:4rem;height:4rem;background:#fff3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:50%;display:flex;align-items:center;justify-content:center}.category-badge{position:absolute;top:1rem;left:1rem;padding:.25rem .75rem;border-radius:9999px;font-size:.875rem;font-weight:500;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.music-badge{background:#8b5cf6cc}.video-badge{background:#ec4899cc}.photo-badge{background:#3b82f6cc}.portfolio-content{padding:1.5rem}.portfolio-title{font-size:1.25rem;font-weight:600;margin-bottom:.5rem;color:#fff}.portfolio-artist{color:#c084fc;margin-bottom:.5rem}.portfolio-description{color:#9ca3af;font-size:.875rem;margin-bottom:1rem}.portfolio-actions{display:flex;align-items:center;justify-content:space-between}.portfolio-social{display:flex;align-items:center;gap:1rem}.social-button{color:#9ca3af;transition:color .3s ease}.social-button:hover{color:#fff}.portfolio-action-button{background:linear-gradient(135deg,#a855f7,#ec4899);color:#fff;padding:.5rem 1rem;border-radius:.5rem;font-size:.875rem;font-weight:500}.testimonials-grid{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:2rem}@media (min-width: 768px){.testimonials-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.testimonial-card{background:linear-gradient(135deg,#1f2937,#111827);padding:1.5rem;border-radius:1rem;border:1px solid #374151}.testimonial-header{display:flex;align-items:center;margin-bottom:1rem}.testimonial-avatar{width:3rem;height:3rem;border-radius:50%;margin-right:1rem}.testimonial-info{flex:1}.testimonial-name{font-weight:600;color:#fff}.testimonial-role{color:#9ca3af;font-size:.875rem}.testimonial-rating{display:flex;align-items:center;margin-bottom:1rem}.star-icon{color:#fbbf24;fill:currentColor}.testimonial-content{position:relative}.quote-icon{color:#8b5cf64d;position:absolute;top:-.5rem;left:-.5rem}.testimonial-text{color:#d1d5db;line-height:1.6}.contact-layout{display:grid;grid-template-columns:1fr;gap:3rem}@media (min-width: 1024px){.contact-layout{grid-template-columns:1fr 1fr}}.contact-form-card{background:linear-gradient(135deg,#1f2937,#111827);padding:2rem;border-radius:1rem;border:1px solid #374151}.contact-form-title{font-size:1.5rem;font-weight:700;margin-bottom:1.5rem;color:#fff}.contact-form{display:flex;flex-direction:column;gap:1.5rem}.form-row{display:grid;grid-template-columns:1fr;gap:1.5rem}@media (min-width: 768px){.form-row{grid-template-columns:1fr 1fr}}.form-field{display:flex;flex-direction:column}.form-label{display:block;font-size:.875rem;font-weight:500;color:#d1d5db;margin-bottom:.5rem}.input-container{position:relative}.input-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:#9ca3af}.textarea-icon{position:absolute;left:.75rem;top:.75rem;color:#9ca3af}.form-input{width:100%;padding:.75rem .75rem .75rem 2.5rem;background:#1f2937;border:1px solid #4b5563;border-radius:.5rem;color:#fff;transition:all .3s ease}.form-input::placeholder{color:#9ca3af}.form-input:focus{border-color:#a855f7;outline:none}.form-textarea{width:100%;padding:.75rem .75rem .75rem 2.5rem;background:#1f2937;border:1px solid #4b5563;border-radius:.5rem;color:#fff;resize:none;transition:all .3s ease}.form-textarea::placeholder{color:#9ca3af}.form-textarea:focus{border-color:#a855f7;outline:none}.form-submit-button{width:100%;background:linear-gradient(135deg,#a855f7,#ec4899);color:#fff;padding:1rem;border-radius:.5rem;font-weight:600;font-size:1.125rem;transition:all .3s ease}.form-submit-button:hover{box-shadow:0 10px 25px #8b5cf640}.contact-info-section{display:flex;flex-direction:column;gap:2rem}.contact-info{margin-bottom:2rem}.contact-info-title{font-size:1.5rem;font-weight:700;margin-bottom:1.5rem;color:#fff}.contact-info-list{display:flex;flex-direction:column;gap:1rem}.contact-info-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:linear-gradient(135deg,#1f2937,#111827);border-radius:.75rem;border:1px solid #374151;transition:all .3s ease}.contact-info-item:hover{border-color:#8b5cf680}.contact-info-icon{width:3rem;height:3rem;background:linear-gradient(135deg,#a855f7,#ec4899);border-radius:.75rem;display:flex;align-items:center;justify-content:center}.contact-info-content{flex:1}.contact-info-name{font-weight:600;color:#fff}.contact-info-value{color:#9ca3af}.social-links{margin-bottom:2rem}.social-links-title{font-size:1.25rem;font-weight:700;margin-bottom:1rem;color:#fff}.social-links-grid{display:flex;gap:1rem}.social-link{width:3rem;height:3rem;background:linear-gradient(135deg,#1f2937,#111827);border-radius:.75rem;display:flex;align-items:center;justify-content:center;border:1px solid #374151;color:#9ca3af;transition:all .3s ease}.social-instagram:hover{color:#ec4899}.social-youtube:hover{color:#ef4444}.social-twitch:hover{color:#a855f7}.newsletter-card{background:linear-gradient(135deg,#8b5cf633,#ec489933);padding:1.5rem;border-radius:1rem;border:1px solid rgba(139,92,246,.2)}.newsletter-title{font-size:1.25rem;font-weight:700;margin-bottom:1rem;color:#fff}.newsletter-description{color:#9ca3af;margin-bottom:1rem}.newsletter-form{display:flex;gap:.5rem}.newsletter-input{flex:1;padding:.75rem 1rem;background:#1f2937;border:1px solid #4b5563;border-radius:.5rem;color:#fff;transition:all .3s ease}.newsletter-input::placeholder{color:#9ca3af}.newsletter-input:focus{border-color:#a855f7;outline:none}.newsletter-button{padding:.75rem 1.5rem;background:linear-gradient(135deg,#a855f7,#ec4899);color:#fff;border-radius:.5rem;font-weight:600;transition:all .3s ease}.newsletter-button:hover{box-shadow:0 10px 25px #8b5cf640}.glass-effect{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.hover-lift{transition:transform .3s ease,box-shadow .3s ease}.hover-lift:hover{transform:translateY(-5px);box-shadow:0 20px 40px #8b5cf633}.focus-ring:focus{outline:2px solid #8b5cf6;outline-offset:2px}.loading-dots{display:inline-block}.loading-dots:after{content:"";animation:dots 1.5s steps(5,end) infinite}@keyframes dots{0%,20%{content:""}40%{content:"."}60%{content:".."}80%,to{content:"..."}}.btn-primary{background:linear-gradient(135deg,#8b5cf6,#ec4899);color:#fff;padding:12px 24px;border-radius:8px;font-weight:600;transition:all .3s ease;border:none;cursor:pointer}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 25px #8b5cf666}.btn-secondary{background:transparent;color:#8b5cf6;padding:12px 24px;border-radius:8px;font-weight:600;transition:all .3s ease;border:2px solid #8b5cf6;cursor:pointer}.btn-secondary:hover{background:#8b5cf61a;transform:translateY(-2px)}.card{background:linear-gradient(135deg,#1a1a2e,#16213e);border-radius:16px;padding:24px;border:1px solid rgba(139,92,246,.2);transition:all .3s ease}.card:hover{border-color:#8b5cf680;transform:translateY(-5px);box-shadow:0 20px 40px #8b5cf61a}.input-field{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:12px 16px;color:#fff;transition:all .3s ease}.input-field:focus{outline:none;border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a}.input-field::placeholder{color:#ffffff80}@media (max-width: 768px){.container{padding:0 16px}.card{padding:16px}.btn-primary,.btn-secondary{padding:10px 20px;font-size:14px}.hero-title{font-size:2.5rem;line-height:1.1}.hero-subtitle{font-size:1.125rem}.section-title{font-size:1.875rem}.section-subtitle{font-size:1.125rem}button,input,textarea,.nav-link{min-height:44px;min-width:44px}input[type=text],input[type=email],input[type=tel],textarea{font-size:18px}.space-y-8>*+*{margin-top:1.5rem}.space-y-6>*+*{margin-top:1rem}}@media (prefers-color-scheme: dark){:root{color:#ffffffde;background-color:#000}}.navbar{position:fixed;top:0;left:0;right:0;z-index:50;background:transparent;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.navbar-scrolled{background:#000c;border-bottom:1px solid rgba(139,92,246,.2)}.navbar-container{max-width:1200px;margin:0 auto;padding:0 1rem}.navbar-content{display:flex;justify-content:space-between;align-items:center;height:4rem}.navbar-logo{display:flex;align-items:center}.logo-container{display:flex;align-items:center;gap:.75rem}.logo-image{height:3.5rem;width:auto;object-fit:contain}.logo-text{font-size:1.5rem;font-weight:700;background:linear-gradient(135deg,#c084fc,#ec4899,#ef4444);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-decoration:none}.navbar-links{display:flex;align-items:center;gap:2rem}.nav-link{position:relative;font-size:.875rem;font-weight:500;color:#d1d5db;text-decoration:none;transition:color .2s ease}.nav-link:hover{color:#fff}.nav-link-active{color:#c084fc}.nav-link-indicator{position:absolute;bottom:-.25rem;left:0;right:0;height:.125rem;background:linear-gradient(135deg,#c084fc,#ec4899)}.nav-dropdown{position:relative}.nav-dropdown-toggle{display:flex;align-items:center;gap:.25rem;background:none;border:none;cursor:pointer;padding:0}.dropdown-chevron{transition:transform .2s ease}.dropdown-chevron-open{transform:rotate(180deg)}.nav-dropdown-menu{position:absolute;top:calc(100% + .5rem);left:0;background:#000000f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(139,92,246,.2);border-radius:.5rem;padding:.5rem 0;min-width:150px;z-index:1000;box-shadow:0 4px 12px #0000004d}.nav-dropdown-item{display:block;padding:.75rem 1rem;color:#d1d5db;text-decoration:none;font-size:.875rem;font-weight:500;transition:all .2s ease}.nav-dropdown-item:hover{color:#fff;background:#8b5cf61a}.nav-dropdown-item-active{color:#c084fc;background:#8b5cf61a}.mobile-nav-dropdown{width:100%}.mobile-nav-dropdown-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;background:none;border:none;cursor:pointer;text-align:left}.mobile-dropdown-chevron{transition:transform .2s ease}.mobile-dropdown-chevron-open{transform:rotate(180deg)}.mobile-nav-dropdown-menu{overflow:hidden;padding-left:1rem}.mobile-nav-dropdown-item{display:block;padding:.75rem 1rem .75rem 2rem;color:#d1d5db;text-decoration:none;font-weight:500;border-radius:.5rem;transition:all .2s ease;margin:.25rem 0}.mobile-nav-dropdown-item:hover{color:#fff;background:#6b728080}.mobile-nav-dropdown-item-active{color:#c084fc;background:#8b5cf61a}.navbar-social{display:flex;align-items:center;gap:1rem}.social-link{color:#9ca3af;transition:color .2s ease;text-decoration:none}.social-link.instagram:hover{color:#ec4899}.social-link.youtube:hover{color:#ef4444}.social-link.twitch:hover{color:#a855f7}.mobile-menu-button{display:none}.menu-toggle{background:none;border:none;color:#d1d5db;cursor:pointer;transition:color .2s ease}.menu-toggle:hover{color:#fff}.mobile-nav{display:none;background:#000000f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid rgba(139,92,246,.2)}.mobile-nav-content{padding:.5rem 1rem 1rem}.mobile-nav-link{display:block;padding:.75rem 1rem;color:#d1d5db;text-decoration:none;font-weight:500;border-radius:.5rem;transition:all .2s ease}.mobile-nav-link:hover{color:#fff;background:#6b728080}.mobile-nav-link-active{color:#c084fc;background:#8b5cf61a}.mobile-social-links{display:flex;gap:1rem;padding:.75rem 1rem}.mobile-social-link{color:#9ca3af;transition:color .2s ease}.mobile-social-link.instagram:hover{color:#ec4899}.mobile-social-link.youtube:hover{color:#ef4444}.mobile-social-link.twitch:hover{color:#a855f7}.navbar-auth{display:flex;align-items:center;gap:1rem}.auth-buttons{display:flex;align-items:center}.sign-in-button{background:linear-gradient(135deg,#a855f7,#ec4899);color:#fff;padding:.5rem 1rem;border-radius:.5rem;font-weight:500;font-size:.875rem;border:none;cursor:pointer;transition:all .3s ease}.sign-in-button:hover{box-shadow:0 4px 12px #a855f766}.mobile-auth{padding:.75rem 1rem;border-top:1px solid rgba(139,92,246,.2);margin-top:.5rem}.mobile-auth-buttons{display:flex;align-items:center;gap:1rem;justify-content:space-between}.mobile-sign-in-button,.mobile-sign-out-button{flex:1;background:linear-gradient(135deg,#a855f7,#ec4899);color:#fff;padding:.75rem 1rem;border-radius:.5rem;font-weight:500;border:none;cursor:pointer;transition:all .3s ease}.mobile-sign-out-button{background:transparent;border:1px solid #a855f7;color:#c084fc}.mobile-sign-in-button:hover,.mobile-sign-out-button:hover{box-shadow:0 4px 12px #a855f766}@media (max-width: 768px){.desktop-nav{display:none}.mobile-menu-button,.mobile-nav{display:block}}@media print{.no-print{display:none!important}}.audio-preview{display:flex;align-items:center;gap:1rem}.audio-play-button{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#a855f7,#ec4899);border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.audio-play-button:hover{box-shadow:0 4px 12px #a855f766;transform:scale(1.1)}.audio-progress-container{flex:1;height:4px;background:#ffffff1a;border-radius:2px;overflow:hidden}.audio-progress-bar{width:100%;height:100%;position:relative}.audio-progress-fill{height:100%;background:linear-gradient(135deg,#a855f7,#ec4899);border-radius:2px}.beat-card{background:#ffffff0d;border-radius:1rem;overflow:hidden;cursor:pointer;transition:all .3s ease;border:1px solid rgba(255,255,255,.1)}.beat-card:hover{border-color:#a855f780;box-shadow:0 8px 24px #a855f733}.beat-card-image{position:relative;width:100%;aspect-ratio:1;overflow:hidden}.beat-card-image img{width:100%;height:100%;object-fit:cover}.beat-card-placeholder{width:100%;height:100%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;font-size:3rem;font-weight:700;color:#fff}.beat-card-overlay{position:absolute;bottom:1rem;left:1rem;right:1rem;opacity:0;transition:opacity .3s ease}.beat-card:hover .beat-card-overlay{opacity:1}.beat-card-content{padding:1rem}.beat-card-title{font-size:1.125rem;font-weight:600;margin-bottom:.5rem;color:#fff}.beat-card-meta{display:flex;gap:.75rem;flex-wrap:wrap}.beat-meta-item{font-size:.875rem;color:#fff9;padding:.25rem .5rem;background:#ffffff1a;border-radius:.25rem}.featured-carousel{position:relative;width:100%;height:600px;overflow:hidden;margin-bottom:4rem}.featured-carousel-slide{position:absolute;top:0;left:0;width:100%;height:100%;cursor:pointer}.featured-carousel-background{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;background-repeat:no-repeat}.featured-carousel-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,#0000004d,#000000b3)}.featured-carousel-content{position:relative;z-index:1;height:100%;display:flex;align-items:center;justify-content:center;padding:2rem}.featured-carousel-info{text-align:center;max-width:800px}.featured-carousel-title{font-size:3.5rem;font-weight:800;margin-bottom:1.5rem;background:linear-gradient(135deg,#fff,#c084fc);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.featured-carousel-meta{display:flex;gap:1rem;justify-content:center;margin-bottom:2rem;flex-wrap:wrap}.featured-meta-item{font-size:1.125rem;color:#fffc;padding:.5rem 1rem;background:#ffffff1a;border-radius:.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.featured-carousel-preview{display:flex;justify-content:center}.featured-carousel-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:10;width:48px;height:48px;border-radius:50%;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.featured-carousel-nav:hover{background:#fff3;transform:translateY(-50%) scale(1.1)}.featured-carousel-nav-prev{left:2rem}.featured-carousel-nav-next{right:2rem}.featured-carousel-dots{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);display:flex;gap:.75rem;z-index:10}.featured-carousel-dot{width:12px;height:12px;border-radius:50%;background:#ffffff4d;border:none;cursor:pointer;transition:all .3s ease}.featured-carousel-dot.active{background:#fff;width:32px;border-radius:6px}.featured-carousel-dot:hover{background:#fff9}.beat-store{min-height:100vh;padding-top:2rem}.beat-store-featured{margin-bottom:4rem}.beat-store-list{padding:2rem 0}.beat-store-section-title{font-size:2.5rem;font-weight:700;margin-bottom:2rem;text-align:center;background:linear-gradient(135deg,#fff,#c084fc);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.beat-store-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2rem;padding:2rem 0}.beat-store-loading,.beat-store-error,.beat-store-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;text-align:center}.loading-spinner{width:48px;height:48px;border:4px solid rgba(255,255,255,.1);border-top-color:#a855f7;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.beat-detail{min-height:100vh;padding:2rem 0}.beat-detail-back{display:flex;align-items:center;gap:.5rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fff;padding:.75rem 1.5rem;border-radius:.5rem;cursor:pointer;margin-bottom:2rem;transition:all .3s ease}.beat-detail-back:hover{background:#ffffff1a;border-color:#a855f780}.beat-detail-content{display:flex;flex-direction:column;gap:3rem}.beat-detail-info{display:grid;grid-template-columns:300px 1fr;gap:2rem;align-items:start}.beat-detail-image{width:100%;aspect-ratio:1;border-radius:1rem;overflow:hidden}.beat-detail-image img{width:100%;height:100%;object-fit:cover}.beat-detail-placeholder{width:100%;height:100%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;font-size:4rem;font-weight:700;color:#fff}.beat-detail-main{display:flex;flex-direction:column;gap:1.5rem}.beat-detail-title{font-size:3rem;font-weight:800;background:linear-gradient(135deg,#fff,#c084fc);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.beat-detail-meta{display:flex;gap:2rem;flex-wrap:wrap}.beat-detail-meta-item{display:flex;flex-direction:column;gap:.25rem}.meta-label{font-size:.875rem;color:#fff9;text-transform:uppercase;letter-spacing:.05em}.meta-value{font-size:1.25rem;font-weight:600;color:#fff}.beat-detail-preview{margin-top:1rem}.preview-title{font-size:1.25rem;font-weight:600;margin-bottom:1rem;color:#fff}.beat-detail-licenses{margin-top:2rem}.licenses-title{font-size:2rem;font-weight:700;margin-bottom:2rem;text-align:center;background:linear-gradient(135deg,#fff,#c084fc);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.licenses-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.license-tier-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:1rem;padding:2rem;display:flex;flex-direction:column;gap:1.5rem;position:relative;transition:all .3s ease}.license-tier-card:hover{border-color:#a855f780;box-shadow:0 8px 24px #a855f733}.license-tier-card.exclusive{border:2px solid #fbbf24;background:#fbbf241a}.license-tier-badge{position:absolute;top:-12px;right:1rem;background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#000;padding:.25rem .75rem;border-radius:.25rem;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.license-tier-header{display:flex;flex-direction:column;gap:.5rem}.license-tier-name{font-size:1.5rem;font-weight:700;color:#fff}.license-tier-format{font-size:.875rem;color:#fff9;text-transform:uppercase;letter-spacing:.05em}.license-tier-price{font-size:2rem;font-weight:800;color:#c084fc}.license-tier-features{list-style:none;display:flex;flex-direction:column;gap:.75rem;flex:1}.license-tier-feature{display:flex;align-items:center;gap:.75rem;color:#fffc;font-size:.875rem}.license-tier-feature svg{color:#10b981;flex-shrink:0}.license-tier-button{width:100%;padding:1rem;border-radius:.5rem;border:none;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;background:linear-gradient(135deg,#a855f7,#ec4899);color:#fff}.license-tier-button:hover:not(.disabled){box-shadow:0 4px 12px #a855f766}.license-tier-button.disabled{background:#ffffff1a;color:#ffffff80;cursor:not-allowed}.beat-detail-loading,.beat-detail-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;text-align:center;gap:1rem}.back-button{background:linear-gradient(135deg,#a855f7,#ec4899);color:#fff;padding:.75rem 1.5rem;border-radius:.5rem;border:none;font-weight:600;cursor:pointer;transition:all .3s ease}.back-button:hover{box-shadow:0 4px 12px #a855f766}@media (max-width: 1024px){.beat-detail-info{grid-template-columns:1fr}.beat-detail-image{max-width:400px;margin:0 auto}.featured-carousel{height:500px}.featured-carousel-title{font-size:2.5rem}}@media (max-width: 768px){.featured-carousel{height:400px}.featured-carousel-title{font-size:2rem}.featured-carousel-meta{flex-direction:column;align-items:center}.featured-carousel-nav{width:40px;height:40px}.featured-carousel-nav-prev{left:1rem}.featured-carousel-nav-next{right:1rem}.beat-store-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.5rem}.beat-detail-title{font-size:2rem}.licenses-grid{grid-template-columns:1fr}.beat-detail-meta{flex-direction:column;gap:1rem}}@media (max-width: 480px){.featured-carousel{height:300px}.featured-carousel-title{font-size:1.5rem}.beat-store-section-title{font-size:1.75rem}.beat-detail-title{font-size:1.5rem}}.admin-layout{display:flex;min-height:calc(100vh - 80px);margin-top:80px}.admin-sidebar{width:250px;background:#000c;border-right:1px solid rgba(255,255,255,.1);padding:2rem 0;position:fixed;height:calc(100vh - 80px);overflow-y:auto}.admin-sidebar-header{padding:0 1.5rem;margin-bottom:2rem}.admin-sidebar-title{font-size:1.5rem;font-weight:700;background:linear-gradient(135deg,#fff,#c084fc);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.admin-nav{display:flex;flex-direction:column;gap:.5rem;padding:0 1rem}.admin-nav-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-radius:.5rem;color:#ffffffb3;text-decoration:none;transition:all .3s ease}.admin-nav-item:hover{background:#ffffff0d;color:#fff}.admin-nav-item.active{background:linear-gradient(135deg,#a855f733,#ec489933);color:#fff;border-left:3px solid #a855f7}.admin-main{flex:1;margin-left:250px;padding:2rem}.admin-content{max-width:1400px;margin:0 auto}.admin-page{width:100%}.admin-page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem;gap:1rem}.admin-page-title{font-size:2.5rem;font-weight:700;background:linear-gradient(135deg,#fff,#c084fc);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.admin-button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:.5rem;border:none;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:.875rem}.admin-button.primary{background:linear-gradient(135deg,#a855f7,#ec4899);color:#fff}.admin-button.primary:hover{box-shadow:0 4px 12px #a855f766}.admin-button.secondary{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2)}.admin-button.secondary:hover{background:#ffffff26}.admin-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.admin-stat-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:1rem;padding:1.5rem;display:flex;align-items:center;gap:1rem;transition:all .3s ease}.admin-stat-card:hover{border-color:#a855f780;box-shadow:0 8px 24px #a855f733}.admin-stat-icon{width:64px;height:64px;border-radius:.75rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.admin-stat-card.purple .admin-stat-icon{background:linear-gradient(135deg,#a855f733,#c084fc33);color:#c084fc}.admin-stat-card.blue .admin-stat-icon{background:linear-gradient(135deg,#3b82f633,#60a5fa33);color:#60a5fa}.admin-stat-card.green .admin-stat-icon{background:linear-gradient(135deg,#10b98133,#34d39933);color:#34d399}.admin-stat-card.yellow .admin-stat-icon{background:linear-gradient(135deg,#fbbf2433,#fcd34d33);color:#fcd34d}.admin-stat-card.pink .admin-stat-icon{background:linear-gradient(135deg,#ec489933,#f472b633);color:#f472b6}.admin-stat-content{flex:1}.admin-stat-title{font-size:.875rem;color:#fff9;margin-bottom:.25rem}.admin-stat-value{font-size:2rem;font-weight:700;color:#fff;margin-bottom:.25rem}.admin-stat-subtitle{font-size:.75rem;color:#ffffff80}.data-table-container{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:1rem;overflow:hidden}.data-table{width:100%;border-collapse:collapse}.data-table thead{background:#ffffff0d}.data-table th{padding:1rem;text-align:left;font-weight:600;color:#ffffffe6;font-size:.875rem;text-transform:uppercase;letter-spacing:.05em}.data-table td{padding:1rem;border-top:1px solid rgba(255,255,255,.05);color:#fffc}.data-table tbody tr{transition:all .2s ease}.data-table tbody tr:hover{background:#ffffff0d}.data-table tbody tr.clickable{cursor:pointer}.data-table-loading,.data-table-empty{padding:3rem;text-align:center;color:#fff9}.status-badge{display:inline-block;padding:.25rem .75rem;border-radius:.25rem;font-size:.75rem;font-weight:600;text-transform:uppercase}.status-badge.active,.status-badge.completed{background:#10b98133;color:#10b981}.status-badge.inactive,.status-badge.pending{background:#fbbf2433;color:#fbbf24}.admin-filters{display:flex;gap:.75rem;margin-bottom:1.5rem;flex-wrap:wrap}.filter-button{padding:.5rem 1rem;border-radius:.5rem;border:1px solid rgba(255,255,255,.1);background:#ffffff0d;color:#ffffffb3;cursor:pointer;transition:all .3s ease;font-size:.875rem}.filter-button:hover{background:#ffffff1a;color:#fff}.filter-button.active{background:linear-gradient(135deg,#a855f7,#ec4899);color:#fff;border-color:transparent}.table-actions{display:flex;gap:.5rem}.action-button{width:32px;height:32px;border-radius:.25rem;border:1px solid rgba(255,255,255,.1);background:#ffffff0d;color:#ffffffb3;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.action-button:hover{background:#ffffff1a;color:#fff}.action-button.danger:hover{background:#ef444433;color:#ef4444;border-color:#ef44444d}.admin-form{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:1rem;padding:2rem}.form-group{margin-bottom:1.5rem}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;color:#ffffffe6;font-weight:500;font-size:.875rem}.required{color:#ef4444}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.75rem;border-radius:.5rem;border:1px solid rgba(255,255,255,.1);background:#ffffff0d;color:#fff;font-size:1rem;transition:all .3s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#a855f7;box-shadow:0 0 0 3px #a855f71a}.form-hint{font-size:.75rem;color:#ffffff80;margin-top:.25rem}.form-actions{display:flex;gap:1rem;margin-top:2rem;padding-top:2rem;border-top:1px solid rgba(255,255,255,.1)}.file-upload{margin-bottom:1.5rem}.file-upload-label{display:block;margin-bottom:.5rem;color:#ffffffe6;font-weight:500;font-size:.875rem}.file-upload-area{border:2px dashed rgba(255,255,255,.2);border-radius:.5rem;padding:2rem;text-align:center;cursor:pointer;transition:all .3s ease;background:#ffffff05}.file-upload-area:hover,.file-upload-area.drag-active{border-color:#a855f7;background:#a855f70d}.file-upload-area.has-file{border-color:#10b98180;background:#10b9810d}.file-upload-input{display:none}.file-upload-placeholder{display:flex;flex-direction:column;align-items:center;gap:.5rem;color:#fff9}.file-upload-hint{font-size:.75rem;color:#fff6}.file-upload-preview{display:flex;align-items:center;justify-content:space-between;color:#ffffffe6}.file-upload-remove{width:24px;height:24px;border-radius:.25rem;border:none;background:#ef444433;color:#ef4444;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.file-upload-remove:hover{background:#ef44444d}.file-upload-error{color:#ef4444;font-size:.875rem;margin-top:.5rem}.admin-detail-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:1rem;padding:2rem;margin-bottom:1.5rem}.admin-detail-card h2{font-size:1.5rem;font-weight:700;margin-bottom:1.5rem;color:#fff}.detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.detail-item{display:flex;flex-direction:column;gap:.25rem}.detail-item.full-width{grid-column:1 / -1}.detail-item label{font-size:.875rem;color:#fff9;text-transform:uppercase;letter-spacing:.05em}.detail-item p{color:#fff;font-size:1rem}.order-item{padding:1.5rem;border:1px solid rgba(255,255,255,.1);border-radius:.5rem;margin-bottom:1rem}.order-item-info h3{font-size:1.25rem;font-weight:600;margin-bottom:.5rem;color:#fff}.order-item-info p{color:#ffffffb3;margin-bottom:.25rem}.order-item-licenses{margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1)}.order-item-licenses h4{font-size:1rem;font-weight:600;margin-bottom:.75rem;color:#ffffffe6}.license-item{padding:.75rem;background:#ffffff05;border-radius:.25rem;margin-bottom:.5rem}.license-item p{margin-bottom:.25rem;font-size:.875rem}.license-type-badge{display:inline-block;padding:.25rem .75rem;border-radius:.25rem;background:#a855f733;color:#c084fc;font-size:.75rem;font-weight:600;text-transform:capitalize}.link{color:#60a5fa;text-decoration:none}.link:hover{text-decoration:underline}.modal-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:2rem}.modal-content{background:#000000f2;border:1px solid rgba(255,255,255,.1);border-radius:1rem;padding:2rem;max-width:800px;max-height:90vh;overflow-y:auto;width:100%}.modal-content h2{font-size:1.5rem;font-weight:700;margin-bottom:1.5rem;color:#fff}.webhook-details{margin-bottom:1.5rem}.webhook-payload{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:.5rem;padding:1rem;overflow-x:auto;font-size:.875rem;color:#fffc;max-height:400px;overflow-y:auto}.admin-loading,.admin-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;text-align:center;gap:1rem}.admin-error{color:#ef4444}@media (max-width: 1024px){.admin-sidebar{width:200px}.admin-main{margin-left:200px}}@media (max-width: 768px){.admin-layout{flex-direction:column}.admin-sidebar{width:100%;height:auto;position:relative;border-right:none;border-bottom:1px solid rgba(255,255,255,.1)}.admin-nav{flex-direction:row;overflow-x:auto;padding:1rem}.admin-nav-item{white-space:nowrap}.admin-main{margin-left:0;padding:1rem}.admin-page-header{flex-direction:column;align-items:flex-start}.admin-stats-grid,.form-row,.detail-grid{grid-template-columns:1fr}}