@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;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-direction:column;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:1.5rem}.title{font-size:clamp(3.5rem,28vw,8rem);letter-spacing:-.04em}}.splash-screen{cursor:pointer}.splash-content{animation:reveal 1.5s cubic-bezier(.16,1,.3,1);z-index:100}.enter-button,.splash-content{align-items:center;display:flex;flex-direction:column;justify-content:center}.enter-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:none;background:#ffffff08;border:2px solid #ffffff26;border-radius:50%;cursor:pointer;gap:1.2rem;height:140px;transition:all .4s cubic-bezier(.16,1,.3,1);width:140px}.enter-button:hover{background:#ffffff14;border-color:#fff6;box-shadow:0 0 40px #ffffff1a;transform:scale(1.1)}.enter-button:active{transform:scale(.95)}.enter-icon{color:#ffffffe6;font-size:2.5rem;margin-left:4px}.enter-text{color:#fff9;font-family:var(--font-accent);font-size:.85rem;font-weight:500;letter-spacing:.2em;text-transform:uppercase}.enter-button:after{animation:pulse-ring 2s ease-in-out infinite;border:1px solid #ffffff0d;border-radius:50%;content:"";height:160px;position:absolute;width:160px}@keyframes pulse-ring{0%,to{opacity:1;transform:scale(1)}50%{opacity:0;transform:scale(1.15)}}.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:800px;opacity:0;width:800px}}.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{color:#0006;text-shadow:none}.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}}.theme-toggle{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:50%;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;color:var(--text-color);cursor:pointer;display:flex;justify-content:center;padding:.8rem;position:fixed;right:2rem;top:2rem;transition:var(--transition);z-index:101}.theme-toggle:hover{background:var(--glass-border);transform:scale(1.1)}.theme-toggle svg{height:20px;width:20px}.background-music{bottom:24px;position:fixed;right:24px;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(12px);backdrop-filter:blur(12px);background:#00000080;border:1px solid #ffffff1a;border-radius:50%;cursor:pointer;display:flex;height:52px;justify-content:center;overflow:visible;padding:0;position:relative;transition:all .4s cubic-bezier(.16,1,.3,1);width:52px}.music-visualizer:hover{background:#000000b3;border-color:#ffffff4d;transform:scale(1.15)}.music-visualizer.playing:before{animation:ring-rotate 3s linear infinite;background:conic-gradient(from 0deg,#0000 0,#8b5cf64d 25%,#0000 50%,#38bdf84d 75%,#0000 100%);border:1.5px solid #8b5cf666;border-radius:50%;content:"";inset:-4px;mask:radial-gradient(farthest-side,#0000 calc(100% - 2px),#fff calc(100% - 1.5px));-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 2px),#fff calc(100% - 1.5px));position:absolute}.music-visualizer.playing:after{animation:pulse-out 2s ease-in-out infinite;border:1px solid #8b5cf626;border-radius:50%;content:"";inset:-8px;position:absolute}@keyframes ring-rotate{to{transform:rotate(1turn)}}@keyframes pulse-out{0%,to{opacity:1;transform:scale(1)}50%{opacity:0;transform:scale(1.2)}}.visualizer-bars{align-items:flex-end;display:flex;gap:2.5px;height:22px}.bar{border-radius:3px;display:block;height:4px;transition:height .15s ease,background .3s ease;width:3px}.bar-1{background:#8b5cf6}.bar-2{background:#a78bfa}.bar-3{background:#38bdf8}.bar-4{background:#a78bfa}.bar-5{background:#8b5cf6}.music-visualizer:not(.playing) .bar{background:#ffffff80;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%{box-shadow:0 0 3px #8b5cf666;height:4px}50%{height:12px}to{box-shadow:0 0 8px #8b5cf6cc;height:18px}}@keyframes eq-2{0%{box-shadow:0 0 3px #a78bfa66;height:6px}50%{height:14px}to{box-shadow:0 0 8px #a78bfacc;height:22px}}@keyframes eq-3{0%{box-shadow:0 0 3px #38bdf866;height:8px}50%{height:10px}to{box-shadow:0 0 8px #38bdf8cc;height:16px}}@keyframes eq-4{0%{box-shadow:0 0 3px #a78bfa66;height:5px}50%{height:15px}to{box-shadow:0 0 8px #a78bfacc;height:20px}}@keyframes eq-5{0%{box-shadow:0 0 3px #8b5cf666;height:3px}50%{height:9px}to{box-shadow:0 0 8px #8b5cf6cc;height:14px}}[data-theme=light] .music-visualizer{background:#fffc;border-color:#00000014}[data-theme=light] .music-visualizer:hover{background:#fffffff2;border-color:#00000026}[data-theme=light] .music-visualizer:not(.playing) .bar{background:#0000004d}[data-theme=light] .music-visualizer.playing:before{border-color:#8b5cf64d}[data-theme=light] .music-visualizer.playing:after{border-color:#8b5cf61a}
/*# sourceMappingURL=main.812b02ba.css.map*/