:root{--primary-color:#a855f7;--accent-color:#d8b4fe;--bg-color:#03000a}body,html{margin:0;padding:0;width:100%;height:100%;overflow:hidden;background-color:var(--bg-color);font-family:Inter,sans-serif;color:#fff}#canvas-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at center,transparent 0,rgba(3,0,10,.8) 100%);z-index:2;pointer-events:none}.content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:3;text-align:center;pointer-events:none;width:100%}h1{font-family:Outfit,sans-serif;font-size:clamp(3rem, 12vw, 8rem);font-weight:900;margin:0;letter-spacing:.05em;text-transform:uppercase;background:linear-gradient(135deg,#fff 0,var(--accent-color) 50%,#7e22ce 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0px 0px 20px rgba(168, 85, 247, .5));animation:float 6s ease-in-out infinite,pulseGlow 4s infinite alternate}.subtitle{margin-top:10px;font-size:clamp(.7rem, 2vw, 1.5rem);letter-spacing:clamp(.2em, .5vw, .5em);color:var(--accent-color);opacity:.8;text-transform:uppercase;animation:fadeUp 1s ease-out forwards;animation-delay:.5s;opacity:0}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-15px)}}@keyframes pulseGlow{0%{filter:drop-shadow(0px 0px 15px rgba(168, 85, 247, .4))}100%{filter:drop-shadow(0px 0px 35px rgba(168, 85, 247, .8))}}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}100%{opacity:.8;transform:translateY(0)}}