@import url(https://fonts.googleapis.com/css2?family=Onest:wght@300;400;500;600;700&display=swap);:root{--color-background:#1f1720;--color-text:#fff6f9;--color-text-secondary:#fff6f9cc;--text-gradient-start:#ffb8d9;--text-gradient-end:#b8c0ff;--gradient-center:#2a1f28;--gradient-middle:#1f1720;--gradient-edge:#17131a;--blob-color1:#ffb8d914;--blob-color2:#b8c0ff14;--blob-color3:#ffd5b814;--blob-color4:#eeb8ff14;--name-font-size:5rem;--description-font-size:1.5rem;--ripple-size:150px;--ripple-duration:1.5s;--distortion-intensity:1.2;--transition-duration:0.3s;--distortion-blur:8px;--spotlight-size:300px;--spotlight-intensity:0.15;--main-spotlight-size:120%;--main-spotlight-opacity:0.15;--main-spotlight-angle:45deg}body,html{background-color:#1f1720;background-color:var(--color-background);height:100vh;margin:0;overflow:hidden;padding:0;width:100%}body{color:#fff6f9;color:var(--color-text);font-family:Onest,sans-serif}.App,body{inset:0;position:fixed}.App{align-items:center;background-color:#1f1720;background-color:var(--color-background);display:flex;flex-direction:column;height:100vh;justify-content:center;overflow:hidden;width:100vw}.App:before{z-index:1}svg.shooting-stars{pointer-events:none;position:fixed;z-index:2}#tsparticles,svg.shooting-stars{height:100vh;inset:0;width:100vw}.blob{z-index:2}.content{align-items:center;display:flex;flex-direction:column;gap:1rem;padding:1em;position:relative;text-align:center;z-index:5}.controls-container{z-index:10}.spotlight{z-index:6}.background-video{height:100vh;inset:0;width:100vw}.ripple{z-index:7}.App:before{background:radial-gradient(circle at 50% 50%,#2a1f28 0,#1f1720 35%,#17131a 100%),linear-gradient(45deg,#ffb8d91a,#0000 60%),linear-gradient(-45deg,#b8c0ff1a,#0000 60%);background:radial-gradient(circle at var(--x,50%) var(--y,50%),var(--gradient-center) 0,var(--gradient-middle) 35%,var(--gradient-edge) 100%),linear-gradient(45deg,#ffb8d91a,#0000 60%),linear-gradient(-45deg,#b8c0ff1a,#0000 60%);background-blend-mode:soft-light;content:"";opacity:1;transition:opacity .3s ease;z-index:-1}#tsparticles,.App:before{height:100%;left:0;position:fixed;top:0;width:100%}#tsparticles{opacity:.3;z-index:1}.background-video{height:100%;left:0;object-fit:cover;opacity:0;position:fixed;top:0;transition:opacity 1s ease;width:100%;z-index:0}.background-video.active{opacity:1}.distortion-overlay{-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);height:100%;left:0;top:0;transition:-webkit-backdrop-filter .2s ease;transition:backdrop-filter .2s ease;transition:backdrop-filter .2s ease,-webkit-backdrop-filter .2s ease;width:100%;z-index:1}.distortion-overlay,.ripple{pointer-events:none;position:fixed}.ripple{animation:rippleEffect 1.5s cubic-bezier(.4,0,.2,1) forwards;animation:rippleEffect var(--ripple-duration) cubic-bezier(.4,0,.2,1) forwards;background:radial-gradient(circle at center,#ffb8d926 0,#b8c0ff1a 35%,#0000 70%);border-radius:50%;mix-blend-mode:screen;opacity:0;transform:scale(0);transform-origin:center;z-index:4}.ripple-secondary{animation-delay:.15s;background:radial-gradient(circle at center,#b8c0ff1f 0,#ffd5b814 35%,#0000 70%);mix-blend-mode:soft-light}@keyframes rippleEffect{0%{opacity:0;transform:scale(.1)}25%{opacity:.6}50%{opacity:.4}to{opacity:0;transform:scale(3)}}.sparkle{animation:sparkleEffect .8s cubic-bezier(.165,.84,.44,1) forwards;background:#fffc;border-radius:50%;height:4px;pointer-events:none;position:fixed;width:4px;z-index:5}@keyframes sparkleEffect{0%{opacity:1;transform:scale(1) rotate(0deg)}to{opacity:0;transform:scale(0) rotate(180deg)}}.name{background:linear-gradient(90deg,#ffb8d9,#b8c0ff);background:linear-gradient(90deg,var(--text-gradient-start),var(--text-gradient-end));-webkit-background-clip:text;background-clip:text;color:#0000;font-family:Onest,sans-serif;font-size:5rem;font-size:var(--name-font-size);font-weight:700;letter-spacing:.05em;margin:0;padding:0;text-transform:lowercase;transform-origin:center;transition:transform .3s cubic-bezier(.4,0,.2,1);will-change:transform}.name:hover{transform:translateY(-2px) scale(1.02)}.description{color:#fff6f9cc;color:var(--color-text-secondary);font-family:Onest,sans-serif;font-size:1.5rem;font-size:var(--description-font-size);font-weight:300;margin:0;opacity:.9;transform:translateY(0);transition:all .3s ease;will-change:transform,opacity}.description:hover{opacity:1;transform:translateY(-1px)}.pulse .name{animation:titlePulse 2s cubic-bezier(.4,0,.2,1) infinite}.pulse .description{animation:subtlePulse 2s cubic-bezier(.4,0,.2,1) infinite;animation-delay:.1s}@keyframes titlePulse{0%,to{transform:scale(1)}50%{transform:scale(1.02) translateY(-2px)}}@keyframes subtlePulse{0%,to{opacity:.9;transform:translateY(0)}50%{opacity:1;transform:translateY(-1px)}}.pulse .name{animation:premiumPulse 1.5s ease-in-out infinite}@keyframes premiumPulse{0%,to{transform:scale(1)}50%{transform:scale(1.03)}}.pulse .description{animation:textSlightPulse 1.5s ease-in-out infinite}@keyframes textSlightPulse{0%,to{transform:translateY(0)}50%{transform:translateY(-1px)}}@keyframes gradientSlide{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.pulse .name{animation:nameGlow .4s ease-in-out infinite;position:relative;text-shadow:0 0 10px #b392ac33}.pulse .name:after{animation:nameRadius .8s ease-in-out infinite;background:radial-gradient(circle,#b392ac1a 0,#0000 70%);border-radius:30% 70% 70% 30%/30% 30% 70% 70%;content:"";inset:-10px -20px;position:absolute;z-index:-1}.pulse .description{animation:descriptionBeat .8s ease-in-out infinite;position:relative}.play-pause-button.playing{animation:musicBeatPulse .4s ease-in-out infinite}.play-pause-button,.video-icon{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#1a162566;border:none;border-radius:50%;color:#fff6f9;color:var(--color-text);cursor:pointer;display:flex;height:50px;justify-content:center;position:relative;transition:all .3s ease;width:50px;z-index:5}.video-icon{right:auto;top:auto}.play-pause-button{bottom:auto;right:auto}.play-pause-button:before,.video-icon:before{background:linear-gradient(45deg,#ffb8d9,#b8c0ff);background:linear-gradient(45deg,var(--text-gradient-start),var(--text-gradient-end));border-radius:50%;content:"";inset:-2px;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;padding:2px;position:absolute;transition:opacity .3s ease}.play-pause-button:hover:before,.video-icon:hover:before{opacity:1}@keyframes distort{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes pulse{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.pulse .description,.pulse .name{animation:none}.pulse .name{animation:textGradientPulse 1s ease-in-out infinite;filter:drop-shadow(0 0 8px rgba(179,146,172,.3))}.pulse .description{animation:fadeInOut 1s ease-in-out infinite;animation-delay:.25s}@keyframes textGradientPulse{0%,to{background-position:100% 50%;transform:scale(1)}50%{background-position:0 50%;transform:scale(1.01)}}@keyframes fadeInOut{0%,to{filter:brightness(.9);opacity:.7;transform:translateY(0)}50%{filter:brightness(1.1);opacity:1;transform:translateY(-1px)}}.content.video-mode{opacity:.3;transition:opacity .3s ease}.content.video-mode:hover{opacity:1}.content.video-mode .name{text-shadow:0 0 15px #000000b3}.content.video-mode .description{text-shadow:0 0 10px #000000b3}.content.video-mode.pulse .description,.content.video-mode.pulse .name{animation:none}.content.video-mode .name:hover{animation:textGradientPulse 1s ease-in-out infinite}.content.video-mode .description:hover{animation:fadeInOut 1s ease-in-out infinite}.controls-container{bottom:30px;display:flex;gap:20px;opacity:1!important;position:fixed;right:30px;z-index:100}@media (max-width:768px){.controls-container{bottom:20px;gap:15px;right:20px}.play-pause-button,.video-icon{height:45px;width:45px}.content .name{font-size:3rem;font-size:calc(var(--name-font-size)*.6)}.content .description{font-size:1.2rem;font-size:calc(var(--description-font-size)*.8)}.social-icons{flex-wrap:wrap;gap:10px;justify-content:center;margin:0 20px}.icon-container{margin:0 10px}.icon-container button{height:45px;width:45px}}@media (max-width:480px){.controls-container{bottom:15px;gap:10px;right:15px}.play-pause-button,.video-icon{height:40px;width:40px}.content .name{font-size:2rem;font-size:calc(var(--name-font-size)*.4)}.content .description{font-size:1.05rem;font-size:calc(var(--description-font-size)*.7)}}.content.video-mode .controls-container,.content.video-mode .play-pause-button,.content.video-mode .video-icon{opacity:1!important}.blob{animation:blob-float 20s ease-in-out infinite;border-radius:50%;filter:blur(40px);mix-blend-mode:soft-light;opacity:.6;position:fixed;z-index:1}.blob,.blob:first-child{background:#ffb8d914;background:var(--blob-color1)}.blob:first-child{animation-delay:0s;height:600px;left:10%;top:20%;width:600px}.blob:nth-child(2){animation-delay:-5s;background:#b8c0ff14;background:var(--blob-color2);height:500px;right:10%;top:30%;width:500px}.blob:nth-child(3){animation-delay:-10s;background:#ffd5b814;background:var(--blob-color3);bottom:20%;height:700px;left:30%;width:700px}.blob:nth-child(4){animation-delay:-15s;background:#eeb8ff14;background:var(--blob-color4);height:550px;right:25%;top:15%;width:550px}@keyframes blob-float{0%,to{transform:translate(0) scale(1) rotate(0deg)}25%{transform:translate(2%,2%) scale(1.02) rotate(2deg)}50%{transform:translate(-2%,1%) scale(.98) rotate(-2deg)}75%{transform:translate(1%,-2%) scale(1.01) rotate(1deg)}}.pulse .name{animation:audioNamePulse 1.2s cubic-bezier(.4,0,.2,1) infinite;background:linear-gradient(90deg,#ffb8d9,#b8c0ff,#ffb8d9);background:linear-gradient(90deg,var(--text-gradient-start),var(--text-gradient-end),var(--text-gradient-start));-webkit-background-clip:text;background-clip:text;background-size:200% 100%;color:#0000;filter:drop-shadow(0 0 12px rgba(255,184,217,.3));font-family:Onest,sans-serif;font-weight:700}.pulse .description{animation:audioDescriptionPulse 1.2s cubic-bezier(.4,0,.2,1) infinite;animation-delay:.3s}@keyframes audioNamePulse{0%,to{background-position:0 50%;letter-spacing:.05em;transform:scale(1)}50%{background-position:100% 50%;letter-spacing:.08em;transform:scale(1.02)}}@keyframes audioDescriptionPulse{0%,to{filter:brightness(.9);opacity:.7;transform:translateY(0)}50%{filter:brightness(1.2);opacity:1;transform:translateY(-2px)}}.spotlight{background:radial-gradient(circle at center,#fff6f91a 0,#0000 70%);filter:blur(20px);height:300px;height:var(--spotlight-size);opacity:.7;transform:translate(-50%,-50%);transition:all .1s ease;width:300px;width:var(--spotlight-size)}.dramatic-spotlight,.spotlight{mix-blend-mode:soft-light;pointer-events:none;position:fixed;z-index:3}.dramatic-spotlight{animation:spotlightPulse 8s ease-in-out infinite;background:radial-gradient(circle at 30% 30%,#fff6f926 0,#fff6f91a 20%,#0000 60%);height:120%;height:var(--main-spotlight-size);left:-20%;opacity:.15;opacity:var(--main-spotlight-opacity);top:-20%;transform:rotate(45deg);transform:rotate(var(--main-spotlight-angle));width:120%;width:var(--main-spotlight-size)}@keyframes spotlightPulse{0%,to{opacity:.15;opacity:var(--main-spotlight-opacity);transform:rotate(45deg) scale(1);transform:rotate(var(--main-spotlight-angle)) scale(1)}50%{opacity:.18;opacity:calc(var(--main-spotlight-opacity)*1.2);transform:rotate(50deg) scale(1.05);transform:rotate(calc(var(--main-spotlight-angle) + 5deg)) scale(1.05)}}.name:hover:after{animation:reflectionPulse 2s ease-in-out infinite;background:radial-gradient(circle at center,#fff6f91a 0,#0000 70%);content:"";filter:blur(20px);inset:-50%;pointer-events:none;position:absolute;z-index:-1}@keyframes reflectionPulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}.click-effect{pointer-events:none;position:fixed;z-index:4}.magnetic-ring{animation:magneticExpand 1.5s cubic-bezier(.2,0,.1,1) forwards;border:1px solid #ffb8d91a;border-radius:50%}.magnetic-particle,.magnetic-ring{mix-blend-mode:screen;position:absolute;transform:translate(-50%,-50%)}.magnetic-particle{background:#fff6f999;border-radius:50%;filter:blur(1px);height:2px;width:2px}@keyframes magneticExpand{0%{border-width:2px;height:0;opacity:.8;width:0}50%{border-width:1px;opacity:.4}to{border-width:0;height:200px;opacity:0;width:200px}}@keyframes particleFloat{0%{opacity:1;transform:translate(var(--startX),var(--startY))}to{opacity:0;transform:translate(var(--endX),var(--endY))}}.ripple,.ripple-secondary,.sparkle{display:none}.audio-player{bottom:30px;position:fixed;right:30px;z-index:100}.visualizer{height:60px;left:-10px;pointer-events:none;position:absolute;top:-10px;width:60px}.controls{gap:10px}.controls,.play-pause-button{align-items:center;display:flex}.play-pause-button{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#1a162566;border:none;border-radius:50%;color:var(--color-text);cursor:pointer;height:60px;justify-content:center;position:relative;transition:all .3s ease;width:60px}.play-pause-button:before{background:linear-gradient(45deg,var(--text-gradient-start),var(--text-gradient-end));border-radius:50%;content:"";inset:-2px;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;padding:2px;position:absolute;transition:opacity .3s ease}.play-pause-button:hover:before{opacity:1}.play-pause-button.playing{animation:musicBeatPulse .5s ease-in-out infinite}.play-pause-button:disabled{cursor:wait;opacity:.5}.loading-spinner{animation:spin 1s linear infinite;border:3px solid var(--text-color);border-radius:50%;border-top:3px solid #0000;height:48px;width:48px}.volume-container{align-items:center;display:flex;gap:10px;position:relative}.volume-button{background:#0000;border:none;color:var(--text-color);cursor:pointer;padding:5px}.volume-slider-container{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#1a1625cc;border-radius:10px;margin-right:10px;padding:10px;position:absolute;right:100%;top:50%;transform:translateY(-50%)}.volume-slider{appearance:none;-webkit-appearance:none;background:#fff3;border-radius:2px;height:4px;outline:none;width:100%}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--text-color);border-radius:50%;cursor:pointer;height:12px;-webkit-transition:all .2s ease;transition:all .2s ease;width:12px}.volume-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}@keyframes glow{0%{box-shadow:0 0 8px #23a6d599,0 0 15px #23a6d566}50%{box-shadow:0 0 18px #23a6d5cc,0 0 30px #23a6d599}to{box-shadow:0 0 8px #23a6d599,0 0 15px #23a6d566}}@keyframes spin{to{transform:rotate(1turn)}}@keyframes musicBeatPulse{0%,to{box-shadow:0 0 0 0 #b392ac33;transform:scale(1)}50%{box-shadow:0 0 15px #92acb366;transform:scale(1.02)}}.play-pause-button:hover{transform:none}.social-icons{align-items:center;display:flex;justify-content:center;transition:opacity 1s ease}.icon-container{cursor:pointer;display:inline-block;margin:0 15px;position:relative;transition:transform .3s ease,opacity .3s ease;z-index:1}.icon-container a{align-items:center;background:none;border:none;color:inherit;display:flex;justify-content:center;outline:none;position:relative}.icon-container:hover{transform:scale(1.2)}.icon-container.clicked{animation:zoomEffect 2s forwards;box-shadow:none!important}@keyframes zoomEffect{0%{filter:blur(0);opacity:1;transform:scale(1)}50%{filter:blur(3px);opacity:.7;transform:scale(3)}to{filter:blur(10px);opacity:0;transform:scale(7)}}.social-icons a{font-size:30px;transition:color .3s ease,transform .3s ease}.social-icons a:hover .fa-discord{color:#5865f2}.social-icons a:hover .fa-x{color:#1da1f2}.social-icons a:hover .fa-youtube{color:red}.social-icons a:hover .fa-spotify{color:#1db954}.social-icons a:hover .fa-instagram{color:#e1306c}.social-icons a:hover .fa-github{color:#333}.copy-notification{background-color:#000c;border-radius:8px;bottom:50px;box-shadow:0 2px 10px #0000004d;color:#fff;font-size:16px;opacity:.9;padding:10px 20px;position:fixed;right:50px;z-index:10}.icon-container button{align-items:center;background:none;border:none;border-radius:30%;color:inherit;cursor:pointer;display:flex;font:inherit;font-size:24px;height:60px;justify-content:center;padding:10px;transition:background-color .3s ease,transform .3s ease;width:60px}.icon-container:hover button{background-color:#ffffff1a;transform:scale(1.2)}.social-icons button{transition:color .3s ease,transform .3s ease}.social-icons button:hover .fa-discord{color:#5865f2}.social-icons button:hover .fa-x-twitter{color:#1da1f2}.social-icons button:hover .fa-youtube{color:red}.social-icons button:hover .fa-spotify{color:#1db954}.social-icons button:hover .fa-instagram{color:#e1306c}.social-icons button:hover .fa-github{color:#333}.social-icons.video-mode{opacity:.3;transition:opacity .3s ease}.social-icons.video-mode:hover{opacity:1}.social-icons.video-mode .icon-container{transition:transform .3s ease,opacity .3s ease}.social-icons.video-mode .icon-container:hover{transform:scale(1.3)}.social-icons.video-mode button:hover .fa-discord{color:#7289da}.social-icons.video-mode button:hover .fa-x-twitter{color:#1da1f2}.social-icons.video-mode button:hover .fa-youtube{color:red}.social-icons.video-mode button:hover .fa-spotify{color:#1db954}.social-icons.video-mode button:hover .fa-instagram{color:#e4405f}.social-icons.video-mode button:hover .fa-github{color:#fff}
/*# sourceMappingURL=main.7179d765.css.map*/