@import url(https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700;800;900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap);:root{--gradient-primary:linear-gradient(135deg,#a855f7,#ec4899 25%,#06b6d4 50%,#10b981 75%,#f59e0b);--gradient-secondary:linear-gradient(135deg,#667eea,#764ba2);--gradient-accent:linear-gradient(135deg,#f093fb,#f5576c);--gradient-dark:linear-gradient(135deg,#0f0f23,#2d1b69);--glass-bg:#ffffff14;--glass-border:#ffffff1a;--music-beat:#ff6b6b;--music-rhythm:#4ecdc4;--music-melody:#45b7d1;--music-harmony:#96ceb4;--music-bass:#feca57;--music-treble:#ff9ff3}*{margin:0;padding:0}:after,:before{box-sizing:border-box}html{font-size:16px;line-height:1.5;scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#0f0f23,#2d1b69);background:var(--gradient-dark);color:#fff;font-family:Space Grotesk,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh;overflow-x:hidden;text-rendering:optimizeLegibility}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#ffffff0d;border-radius:4px}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#a855f7,#ec4899 25%,#06b6d4 50%,#10b981 75%,#f59e0b);background:var(--gradient-primary);border-radius:4px;-webkit-transition:all .3s ease;transition:all .3s ease}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#f093fb,#f5576c);background:var(--gradient-accent);transform:scale(1.1)}@keyframes float{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-20px) rotate(180deg)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}@keyframes glow{0%{box-shadow:0 0 20px #a855f74d}50%{box-shadow:0 0 40px #a855f7cc,0 0 60px #a855f766}to{box-shadow:0 0 20px #a855f74d}}@keyframes slideIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes ripple{0%{opacity:1;transform:scale(0)}to{opacity:0;transform:scale(4)}}.glass-card{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid #ffffff1a;border:1px solid var(--glass-border);border-radius:24px;box-shadow:0 8px 32px 0 #1f26875e}.glass-button,.glass-card{background:#ffffff14;background:var(--glass-bg)}.glass-button{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:2px solid #ffffff1a;border:2px solid var(--glass-border);color:#fff;transition:all .3s cubic-bezier(.4,0,.2,1)}.glass-button:hover{background:#ffffff26;border-color:#a855f7cc;box-shadow:0 10px 30px #a855f74d;transform:translateY(-2px)}.gradient-text{-webkit-text-fill-color:#0000;animation:shimmer 3s ease-in-out infinite;background:linear-gradient(135deg,#a855f7,#ec4899 25%,#06b6d4 50%,#10b981 75%,#f59e0b);background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;background-size:200% 200%}.music-wave{animation:wave 1.2s ease-in-out infinite;background:linear-gradient(135deg,#a855f7,#ec4899 25%,#06b6d4 50%,#10b981 75%,#f59e0b);background:var(--gradient-primary);border-radius:2px;display:inline-block;height:20px;margin:0 2px;width:4px}.music-wave:nth-child(2){animation-delay:.1s;height:30px}.music-wave:nth-child(3){animation-delay:.2s;height:25px}.music-wave:nth-child(4){animation-delay:.3s;height:35px}.music-wave:nth-child(5){animation-delay:.4s;height:20px}@keyframes wave{0%,40%,to{opacity:.3;transform:scaleY(.4)}20%{opacity:1;transform:scaleY(1)}}.interactive-element{cursor:pointer;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.interactive-element:before{background:#ffffff4d;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .6s ease;width:0}.interactive-element:active:before{animation:ripple .6s ease-out;height:300px;width:300px}.loading-shimmer{animation:shimmer 2s ease-in-out infinite;background:linear-gradient(90deg,#fff0,#fff3 20%,#ffffff80 60%,#fff0);background-size:200% 100%}.neon-glow{animation:glow 2s ease-in-out infinite alternate;text-shadow:0 0 5px currentColor,0 0 10px currentColor,0 0 15px currentColor,0 0 20px #a855f7,0 0 35px #a855f7,0 0 40px #a855f7}.floating-element{animation:float 6s ease-in-out infinite}.pulse-element{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@media (max-width:768px){html{font-size:14px}.glass-card{backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border-radius:16px}.gradient-text{background-size:150% 150%}}@media (max-width:480px){html{font-size:12px}body{overflow-x:hidden}.glass-card{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:12px}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}:focus-visible{border-radius:4px;outline:2px solid #a855f7;outline-offset:2px}::selection{background:#a855f74d;color:#fff}::-moz-selection{background:#a855f74d;color:#fff}code{background:#ffffff14;background:var(--glass-bg);border:1px solid #ffffff1a;border:1px solid var(--glass-border);border-radius:6px;font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;font-size:.875em;padding:.2em .4em}*{box-sizing:border-box}#root{min-height:100vh}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{background-color:#282c34;color:#fff;padding:20px}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.a00d73b7.css.map*/