@import url(https://fonts.googleapis.com/css2?family=Inter:wght@100..900&family=Outfit:wght@300..900&family=Syne:wght@400..811&display=swap);:root{--bg-color:#fff;--text-color:#000;--accent-color:#000;--secondary-color:#f0f0f0;--glass-bg:#ffffff80;--glass-border:#0000001a;--transition:all 0.5s cubic-bezier(0.16,1,0.3,1);--font-main:"Inter",sans-serif;--font-accent:"Outfit",sans-serif}[data-theme=dark]{--bg-color:#050505;--text-color:#fff;--accent-color:#fff;--secondary-color:#1a1a1a;--glass-bg:#00000080;--glass-border:#ffffff1a}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;background-color:var(--bg-color);color:#000;color:var(--text-color);font-family:Inter,sans-serif;font-family:var(--font-main);letter-spacing:-.01em;margin:0;overflow-x:hidden;transition:all .5s cubic-bezier(.16,1,.3,1);transition:var(--transition)}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}#root,body,html{height:100%}.App{align-items:center;background:var(--bg-color);display:flex;flex-direction:column;justify-content:center;min-height:100vh;min-height:100dvh;overflow:hidden;padding:2rem;position:relative;transition:var(--transition)}.App:after{animation:nebula-float 25s ease-in-out infinite alternate;background:radial-gradient(circle at 50% 50%,#7877c626,#0000 50%),radial-gradient(circle at 80% 20%,#38bdf826,#0000 40%),radial-gradient(circle at 20% 80%,#e879f926,#0000 40%),radial-gradient(circle at 80% 80%,#2dd4bf26,#0000 40%),radial-gradient(circle at 20% 20%,#6366f126,#0000 40%);content:"";filter:blur(80px);height:200%;left:-50%;opacity:.7;pointer-events:none;position:absolute;top:-50%;width:200%;z-index:1}@keyframes nebula-float{0%{transform:translate(0) rotate(0deg) scale(1)}50%{transform:translate(-5%,2%) rotate(2deg) scale(1.1)}to{transform:translate(5%,-5%) rotate(-2deg) scale(1)}}.App:before{background:linear-gradient(#111827cc,#000000e6),repeating-linear-gradient(90deg,#0000,#0000 50px,#ffffff03 0,#ffffff03 51px);content:"";position:absolute;z-index:0}.App:before,.dot-pattern{height:100%;left:0;pointer-events:none;top:0;width:100%}.dot-pattern{background-image:radial-gradient(var(--text-color) 1px,#0000 1px);background-size:30px 30px;opacity:.04;position:fixed;z-index:2}.noise-overlay{animation:noise .2s infinite;background-image:url(https://grainy-gradients.vercel.app/noise.svg);height:300%;left:-100%;opacity:.05;pointer-events:none;position:fixed;top:-100%;width:300%;z-index:50}@keyframes noise{0%{transform:translate(0)}10%{transform:translate(-1%,-1%)}20%{transform:translate(-2%,1%)}30%{transform:translate(1%,-2%)}40%{transform:translate(-1%,3%)}50%{transform:translate(-2%,1%)}60%{transform:translate(3%,2%)}70%{transform:translate(2%,1%)}80%{transform:translate(-1%,-1%)}90%{transform:translate(1%,-2%)}to{transform:translate(0)}}.main-content{align-items:center;animation:reveal 1.5s cubic-bezier(.16,1,.3,1);display:flex;flex:1 1;flex-direction:column;justify-content:center;max-width:1200px;padding:2rem;width:100%;z-index:10}@keyframes reveal{0%{filter:blur(20px);opacity:0;transform:translateY(40px)}to{filter:blur(0);opacity:1;transform:translateY(0)}}.hero-section{gap:2rem}.content-card,.hero-section{align-items:center;display:flex;flex-direction:column;text-align:center}.content-card{position:relative}.david-star-background{animation:star-rotate 60s linear infinite;color:var(--text-color);filter:blur(5px);font-family:serif;font-size:clamp(8rem,50vw,38rem);left:50%;opacity:.06;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%) rotate(0deg);transition:all 1s ease;z-index:-1}.content-card:hover .david-star-background,.title-link:hover~.david-star-background{color:gold;filter:blur(2px) drop-shadow(0 0 30px rgba(255,215,0,.3));opacity:.1;transform:translate(-50%,-50%) rotate(180deg) scale(1.1)}@keyframes star-rotate{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(1turn)}}.title-link{display:block;text-decoration:none}.title{-webkit-text-fill-color:#0000;animation:shine 5s linear infinite;background:linear-gradient(135deg,#fff,#e0e0e0 20%,#a0a0a0 40%,#fff 50%,#a0a0a0 60%,#e0e0e0 80%,#fff);-webkit-background-clip:text;background-clip:text;background-size:200% auto;cursor:default;filter:drop-shadow(0 10px 20px rgba(0,0,0,.5));font-family:var(--font-accent);font-size:clamp(4rem,25vw,16rem);font-weight:800;letter-spacing:-.04em;line-height:.9;margin:0;opacity:1;text-transform:uppercase;transition:all .5s ease}.title:hover{filter:drop-shadow(0 0 30px rgba(255,255,255,.3));transform:scale(1.05)}@keyframes shine{to{background-position:200%}}.title span{color:var(--text-color);opacity:.2}@media (max-width:640px){.App{padding:1rem}.title{font-size:clamp(3.5rem,28vw,8rem);letter-spacing:-.04em}.main-content{padding:1rem}.wave-svg{height:56px;width:140px}.pulse-ring{display:none}.ambient-glow{height:250px;width:250px}}.splash-screen{cursor:pointer}.splash-content{animation:reveal 1.5s cubic-bezier(.16,1,.3,1);justify-content:center;z-index:100}.enter-button,.splash-content{align-items:center;display:flex;flex-direction:column}.enter-button{background:none;border:none;cursor:pointer;gap:2rem;padding:2rem}.sound-waves{position:relative}.wave-svg{color:#fffc;height:72px;width:180px}.wave-bar{animation:wave-idle 1.5s ease-in-out infinite alternate;transform-origin:center}.wb-1{animation-delay:0s}.wb-2{animation-delay:.1s}.wb-3{animation-delay:.2s}.wb-4{animation-delay:.3s}.wb-5{animation-delay:.15s}.wb-6{animation-delay:.35s}.wb-7{animation-delay:.25s}.wb-8{animation-delay:.12s}.wb-9{animation-delay:.05s}@keyframes wave-idle{0%{opacity:.4;transform:scaleY(.4)}to{opacity:1;transform:scaleY(1)}}.splash-screen:hover .wave-bar{animation-duration:.6s}.enter-icon-svg{color:#ffffffe6;height:36px;margin-left:4px;width:36px}.enter-text{color:#ffffff59;font-family:var(--font-accent);font-size:.7rem;font-weight:400;letter-spacing:.3em;text-transform:uppercase;transition:color .3s ease}.splash-screen:hover .enter-text{color:#ffffffb3}.pulse-ring{border:1px solid #8b5cf600;border-radius:50%;height:100px;left:50%;opacity:0;pointer-events:none;position:fixed;top:50%;transform:translate(-50%,-50%);width:100px;z-index:3}.music-active .pulse-ring-1,.music-active .pulse-ring-2{animation:ring-expand 3s ease-out infinite}.music-active .pulse-ring-2{animation-delay:1s}.music-active .pulse-ring-3{animation:ring-expand 3s ease-out infinite;animation-delay:2s}@keyframes ring-expand{0%{border-color:#8b5cf666;height:80px;opacity:.6;width:80px}to{border-color:#38bdf800;height:min(800px,150vw);opacity:0;width:min(800px,150vw)}}.ambient-glow{background:radial-gradient(circle,#8b5cf626 0,#38bdf814 40%,#0000 70%);border-radius:50%;filter:blur(40px);height:400px;left:50%;opacity:0;pointer-events:none;position:fixed;top:50%;transform:translate(-50%,-50%);transition:opacity 1s ease;width:400px;z-index:2}.music-active .ambient-glow{animation:glow-breathe 2.5s ease-in-out infinite alternate;opacity:1}@keyframes glow-breathe{0%{opacity:.5;transform:translate(-50%,-50%) scale(.8)}to{opacity:1;transform:translate(-50%,-50%) scale(1.3)}}.music-active .title{animation:shine 5s linear infinite,title-pulse 1.8s ease-in-out infinite alternate}@keyframes title-pulse{0%{filter:drop-shadow(0 10px 20px rgba(0,0,0,.5)) drop-shadow(0 0 0 rgba(139,92,246,0));transform:scale(1)}to{filter:drop-shadow(0 10px 20px rgba(0,0,0,.5)) drop-shadow(0 0 30px rgba(139,92,246,.4));transform:scale(1.02)}}.music-active:after{animation:nebula-float 25s ease-in-out infinite alternate,nebula-pulse 2s ease-in-out infinite alternate!important}@keyframes nebula-pulse{0%{filter:blur(80px) brightness(1);opacity:.5}to{filter:blur(60px) brightness(1.2);opacity:.9}}.music-active .dot-pattern{animation:dots-pulse 2s ease-in-out infinite alternate}@keyframes dots-pulse{0%{opacity:.03}to{opacity:.07}}.music-active .snowfall-container{filter:brightness(1.3)}.snowfall-container{height:100%;left:0;overflow:hidden;pointer-events:none;position:fixed;top:0;width:100%;z-index:100}.snowflake-wrapper{animation-iteration-count:infinite;animation-name:fall;animation-timing-function:linear;position:absolute;top:-50px;will-change:transform}.snowflake-inner{animation-iteration-count:infinite,infinite;animation-name:sway,glimmer;animation-timing-function:ease-in-out,ease-in-out;cursor:default;display:inline-block;-webkit-user-select:none;user-select:none;will-change:transform,opacity}@keyframes fall{0%{transform:translateY(-20vh)}to{transform:translateY(120vh)}}@keyframes sway{0%{transform:translateX(0) rotate(0deg)}25%{transform:translateX(20px) rotate(15deg)}50%{transform:translateX(0) rotate(0deg)}75%{transform:translateX(-20px) rotate(-15deg)}to{transform:translateX(0) rotate(0deg)}}@keyframes glimmer{0%,to{opacity:.8}50%{opacity:.4}}[data-theme=light] .snowflake-inner{filter:brightness(.3)!important;opacity:.4}.shooting-stars-container{height:100%;left:0;overflow:hidden;pointer-events:none;position:fixed;top:0;width:100%;z-index:90}.shooting-star,.shooting-star-wrapper{position:absolute}.shooting-star{animation:tail 3s ease-in-out infinite,shooting 3s ease-in-out infinite;background:linear-gradient(-45deg,#5f91ff,#00f0);filter:drop-shadow(0 0 6px rgba(105,155,255,1));height:2px;opacity:0}@keyframes tail{0%{opacity:0;width:0}10%{opacity:1}30%{width:100px}to{opacity:0;width:0}}@keyframes shooting{0%{transform:translateX(0)}to{transform:translateX(300px)}}.shooting-star:after,.shooting-star:before{animation:shining 3s ease-in-out infinite;background:linear-gradient(-45deg,#00f0,#5f91ff,#00f0);border-radius:100%;content:"";height:2px;position:absolute;right:0;top:calc(50% - 1px)}.shooting-star:before{transform:translateX(50%) rotate(45deg)}.shooting-star:after{transform:translateX(50%) rotate(-45deg)}@keyframes shining{0%{width:0}50%{width:30px}to{width:0}}.background-music{bottom:20px;position:fixed;right:20px;z-index:1000}.yt-player-hidden{height:1px;opacity:0;overflow:hidden;pointer-events:none;position:absolute;width:1px}.music-visualizer{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0006;border:1px solid #ffffff26;border-radius:50%;cursor:pointer;display:flex;height:44px;justify-content:center;padding:0;position:relative;transition:all .3s ease;width:44px}.music-visualizer:hover{background:#0009;border-color:#ffffff4d;transform:scale(1.1)}.music-visualizer.playing:after{animation:vis-pulse 2s ease-in-out infinite;border:1px solid #ffffff1a;border-radius:50%;content:"";inset:-5px;position:absolute}@keyframes vis-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:0;transform:scale(1.15)}}.visualizer-bars{align-items:flex-end;display:flex;gap:2px;height:18px}.bar{background:#fffc;border-radius:2px;display:block;height:4px;transition:height .15s ease;width:2.5px}.music-visualizer:not(.playing) .bar{height:4px;opacity:.3}.music-visualizer.playing .bar-1{animation:eq-1 .5s ease-in-out infinite alternate}.music-visualizer.playing .bar-2{animation:eq-2 .42s ease-in-out infinite alternate;animation-delay:.12s}.music-visualizer.playing .bar-3{animation:eq-3 .55s ease-in-out infinite alternate;animation-delay:.07s}.music-visualizer.playing .bar-4{animation:eq-4 .48s ease-in-out infinite alternate;animation-delay:.18s}.music-visualizer.playing .bar-5{animation:eq-5 .4s ease-in-out infinite alternate;animation-delay:.05s}@keyframes eq-1{0%{height:4px}to{height:16px}}@keyframes eq-2{0%{height:6px}to{height:18px}}@keyframes eq-3{0%{height:8px}to{height:14px}}@keyframes eq-4{0%{height:5px}to{height:17px}}@keyframes eq-5{0%{height:3px}to{height:12px}}[data-theme=light] .music-visualizer{background:#ffffffb3;border-color:#0000001a}[data-theme=light] .music-visualizer:hover{background:#ffffffe6;border-color:#0003}[data-theme=light] .bar{background:#000000b3}[data-theme=light] .music-visualizer:not(.playing) .bar{background:#0000004d}@media (max-width:640px){.background-music{bottom:16px;right:16px}.music-visualizer{height:40px;width:40px}}
/*# sourceMappingURL=main.66bfb85f.css.map*/