*{margin:0;padding:0;box-sizing:border-box}:root{--purple: #a855f7;--cyan: #06b6d4;--gold: #f59e0b;--amber: #fbbf24;--dark: #0a0a0a}body{min-height:100vh;background:var(--dark);overflow:hidden;cursor:none}#loader{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--dark);display:flex;justify-content:center;align-items:center;z-index:100;transition:opacity .5s ease,visibility .5s ease}#loader.hidden{opacity:0;visibility:hidden}.loader-ring{width:60px;height:60px;border:3px solid rgba(245,158,11,.2);border-top-color:var(--gold);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}#vanta-bg{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0}#gradient-overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none;background:radial-gradient(ellipse at center,transparent 0%,rgba(10,10,10,.5) 100%),linear-gradient(180deg,transparent 0%,rgba(10,10,10,.4) 100%)}#waveform-bg{position:fixed;bottom:0;left:0;width:100%;height:40%;z-index:1;pointer-events:none;display:flex;align-items:flex-end;justify-content:center;opacity:.15;mask-image:linear-gradient(to top,#000,#0000);-webkit-mask-image:linear-gradient(to top,rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%)}.wave-bars{display:flex;align-items:flex-end;justify-content:center;gap:4px;height:100%;padding-bottom:20px}.wave-bars span{width:6px;background:linear-gradient(to top,var(--gold),var(--amber));border-radius:3px;animation:waveBar 1.2s ease-in-out infinite}.wave-bars span:nth-child(1){animation-delay:0s;height:20%}.wave-bars span:nth-child(2){animation-delay:.1s;height:35%}.wave-bars span:nth-child(3){animation-delay:.2s;height:50%}.wave-bars span:nth-child(4){animation-delay:.3s;height:65%}.wave-bars span:nth-child(5){animation-delay:.4s;height:80%}.wave-bars span:nth-child(6){animation-delay:.5s;height:95%}.wave-bars span:nth-child(7){animation-delay:.6s;height:80%}.wave-bars span:nth-child(8){animation-delay:.7s;height:65%}.wave-bars span:nth-child(9){animation-delay:.8s;height:50%}.wave-bars span:nth-child(10){animation-delay:.9s;height:35%}.wave-bars span:nth-child(11){animation-delay:1s;height:20%}.wave-bars span:nth-child(12){animation-delay:.15s;height:40%}.wave-bars span:nth-child(13){animation-delay:.25s;height:55%}.wave-bars span:nth-child(14){animation-delay:.35s;height:70%}.wave-bars span:nth-child(15){animation-delay:.45s;height:85%}.wave-bars span:nth-child(16){animation-delay:.55s;height:90%}.wave-bars span:nth-child(17){animation-delay:.65s;height:75%}.wave-bars span:nth-child(18){animation-delay:.75s;height:60%}.wave-bars span:nth-child(19){animation-delay:.85s;height:45%}.wave-bars span:nth-child(20){animation-delay:.95s;height:30%}.wave-bars span:nth-child(21){animation-delay:.05s;height:25%}.wave-bars span:nth-child(22){animation-delay:.12s;height:42%}.wave-bars span:nth-child(23){animation-delay:.22s;height:58%}.wave-bars span:nth-child(24){animation-delay:.32s;height:72%}.wave-bars span:nth-child(25){animation-delay:.42s;height:88%}.wave-bars span:nth-child(26){animation-delay:.52s;height:92%}.wave-bars span:nth-child(27){animation-delay:.62s;height:78%}.wave-bars span:nth-child(28){animation-delay:.72s;height:62%}.wave-bars span:nth-child(29){animation-delay:.82s;height:48%}.wave-bars span:nth-child(30){animation-delay:.92s;height:32%}@keyframes waveBar{0%,to{transform:scaleY(1)}50%{transform:scaleY(.4)}}#spotlight{position:fixed;top:-30%;left:50%;transform:translate(-50%);width:120%;height:80%;z-index:2;pointer-events:none;background:radial-gradient(ellipse 40% 60% at 50% 0%,rgba(251,191,36,.12) 0%,rgba(245,158,11,.06) 30%,transparent 70%);animation:spotlightPulse 4s ease-in-out infinite}@keyframes spotlightPulse{0%,to{opacity:1}50%{opacity:.7}}#cursor{position:fixed;width:20px;height:20px;border:2px solid var(--gold);border-radius:50%;pointer-events:none;z-index:9999;transform:translate(-50%,-50%);transition:width .2s,height .2s,border-color .2s;mix-blend-mode:difference}#cursor.hover{width:40px;height:40px;border-color:var(--amber)}#cursor-trail{position:fixed;width:8px;height:8px;background:#f59e0b80;border-radius:50%;pointer-events:none;z-index:9998;transform:translate(-50%,-50%);transition:transform .15s ease-out}.content{position:relative;z-index:3;min-height:100vh;display:flex;justify-content:center;align-items:center}.logo-container{display:flex;justify-content:center;align-items:center;padding:2rem;border-radius:24px;background:#0a0a0a99;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(245,158,11,.3);box-shadow:0 0 30px #f59e0b40,0 0 60px #a855f726,0 -20px 40px #fbbf241a,inset 0 0 30px #f59e0b0d;opacity:0;animation:fadeIn 1s ease-out .3s forwards;transition:transform .1s ease-out,box-shadow .3s ease}.logo-container:hover{box-shadow:0 0 50px #f59e0b66,0 0 100px #a855f733,0 -30px 60px #fbbf2426,inset 0 0 40px #f59e0b1a}.logo{max-width:90vw;max-height:60vh;height:auto;border-radius:12px;animation:float 6s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@media(max-width:768px){.logo-container{padding:1.5rem;margin:1rem}.logo{max-width:85vw;max-height:50vh}#cursor,#cursor-trail{display:none}body{cursor:auto}.wave-bars span{width:4px}.wave-bars{gap:3px}}@media(prefers-reduced-motion:reduce){.logo{animation:none}.loader-ring{animation:none;border-top-color:var(--gold);border-right-color:var(--gold)}.logo-container{animation:fadeInSimple .5s ease-out forwards}.wave-bars span,#spotlight{animation:none}@keyframes fadeInSimple{0%{opacity:0}to{opacity:1}}}