:root{--etu-accent:#7c3aed;--etu-space-1:#0a0614;--etu-space-2:#0b1023;--etu-space-3:#111936}.text-etu-accent{color:var(--etu-accent)}.bg-etu-accent{background-color:var(--etu-accent)}.bg-etu-cosmic-gradient{background:radial-gradient(1200px 600px at 50% -10%,rgba(124,58,237,.35),transparent 60%),radial-gradient(800px 400px at 10% 20%,rgba(56,189,248,.25),transparent 60%),radial-gradient(600px 300px at 90% 30%,rgba(236,72,153,.15),transparent 60%),linear-gradient(180deg,var(--etu-space-2),var(--etu-space-3) 70%,var(--etu-space-1))}.etu-starfield:after,.etu-starfield:before{content:"";position:absolute;inset:0;background-repeat:repeat;background-image:radial-gradient(1px 1px at 10% 20%,hsla(0,0%,100%,.8) 50%,transparent 51%),radial-gradient(1px 1px at 70% 40%,hsla(0,0%,100%,.7) 50%,transparent 51%),radial-gradient(1px 1px at 30% 80%,hsla(0,0%,100%,.6) 50%,transparent 51%),radial-gradient(1px 1px at 90% 70%,hsla(0,0%,100%,.6) 50%,transparent 51%),radial-gradient(1px 1px at 50% 50%,hsla(0,0%,100%,.9) 50%,transparent 51%);animation:etu-parallax 80s linear infinite;opacity:.6}.etu-starfield:after{animation-duration:120s;opacity:.35}@keyframes etu-parallax{0%{transform:translateY(0)}to{transform:translateY(-800px)}}@keyframes scan-line{0%{left:0;opacity:0}10%{opacity:1}90%{opacity:1}to{left:100%;opacity:0}}.animate-scan-line{animation:scan-line 2s ease-in-out infinite}.spark{position:absolute;width:4px;height:4px;background:#ef4444;border-radius:50%;box-shadow:0 0 8px #ef4444,0 0 16px #f97316;opacity:0;animation:spark-flash .6s ease-in-out infinite}.spark-tl{top:0;left:0;animation-delay:0s}.spark-tr{top:0;right:0;animation-delay:.15s}.spark-bl{bottom:0;left:0;animation-delay:.3s}.spark-br{bottom:0;right:0;animation-delay:.45s}@keyframes spark-flash{0%,to{opacity:0;transform:scale(.5)}50%{opacity:1;transform:scale(1.5)}}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.animate-shimmer{animation:shimmer 2s infinite}.black-metal-title{color:transparent;-webkit-text-fill-color:transparent;-webkit-text-stroke:3px transparent;background:linear-gradient(135deg,#a855f7,#8b5cf6 15%,#6366f1 30%,#3b82f6 45%,#06b6d4 60%,#3b82f6 75%,#6366f1 85%,#a855f7);background-size:200% 200%;-webkit-background-clip:text;background-clip:text;font-weight:900;letter-spacing:.02em;position:relative;display:inline-block;animation:gradient-flow 4s ease infinite,neon-pulse 2s ease-in-out infinite;filter:drop-shadow(0 0 10px rgba(168,85,247,.8)) drop-shadow(0 0 20px rgba(99,102,241,.6)) drop-shadow(0 0 30px rgba(59,130,246,.4))}@keyframes gradient-flow{0%,to{background-position:0 50%}50%{background-position:100% 50%}}@keyframes neon-pulse{0%,to{filter:drop-shadow(0 0 10px rgba(168,85,247,.8)) drop-shadow(0 0 20px rgba(99,102,241,.6)) drop-shadow(0 0 30px rgba(59,130,246,.4))}50%{filter:drop-shadow(0 0 15px rgba(168,85,247,1)) drop-shadow(0 0 30px rgba(99,102,241,.8)) drop-shadow(0 0 45px rgba(59,130,246,.6))}}@keyframes border-spark-glow{0%,to{filter:drop-shadow(-1px -1px 0 #d4af37) drop-shadow(1px 1px 0 #d4af37)}25%{filter:drop-shadow(-1px -1px 2px #ffcc00) drop-shadow(1px 1px 2px #ffcc00)}50%{filter:drop-shadow(-2px -2px 1px #d4af37) drop-shadow(2px 2px 1px #d4af37)}75%{filter:drop-shadow(-1px -1px 2px #ffcc00) drop-shadow(1px 1px 2px #ffcc00)}}.golden-spark{position:absolute;width:4px;height:4px;border-radius:50%;opacity:0;pointer-events:none;filter:blur(.5px)}.golden-spark-1{top:8%;left:3%;background:radial-gradient(circle,#a855f7 0,#8b5cf6 50%,transparent 100%);box-shadow:0 0 8px #a855f7,0 0 16px #8b5cf6,0 0 24px #6366f1;animation:neon-spark-flash-1 2.5s ease-in-out infinite}.golden-spark-2{top:12%;right:5%;background:radial-gradient(circle,#3b82f6 0,#2563eb 50%,transparent 100%);box-shadow:0 0 8px #3b82f6,0 0 16px #2563eb,0 0 24px #1d4ed8;animation:neon-spark-flash-2 2.8s ease-in-out infinite}.golden-spark-3{bottom:10%;left:8%;background:radial-gradient(circle,#06b6d4 0,#0891b2 50%,transparent 100%);box-shadow:0 0 8px #06b6d4,0 0 16px #0891b2,0 0 24px #0e7490;animation:neon-spark-flash-3 3s ease-in-out infinite}.golden-spark-4{bottom:15%;right:4%;background:radial-gradient(circle,#8b5cf6 0,#7c3aed 50%,transparent 100%);box-shadow:0 0 8px #8b5cf6,0 0 16px #7c3aed,0 0 24px #6d28d9;animation:neon-spark-flash-4 2.3s ease-in-out infinite}.golden-spark-5{top:45%;left:1%;background:radial-gradient(circle,#6366f1 0,#4f46e5 50%,transparent 100%);box-shadow:0 0 8px #6366f1,0 0 16px #4f46e5,0 0 24px #4338ca;animation:neon-spark-flash-5 2.6s ease-in-out infinite}.golden-spark-6{top:55%;right:2%;background:radial-gradient(circle,#a855f7 0,#9333ea 50%,transparent 100%);box-shadow:0 0 8px #a855f7,0 0 16px #9333ea,0 0 24px #7e22ce;animation:neon-spark-flash-6 2.9s ease-in-out infinite}@keyframes neon-spark-flash-1{0%,to{opacity:0;transform:scale(.5) translate(0)}20%{opacity:1;transform:scale(2.5) translate(3px,-3px)}40%{opacity:.6;transform:scale(1.5) translate(-2px,2px)}60%{opacity:.9;transform:scale(2) translate(2px,-4px)}80%{opacity:.4;transform:scale(1) translate(-1px,1px)}}@keyframes neon-spark-flash-2{0%,to{opacity:0;transform:scale(.5) rotate(0deg)}25%{opacity:1;transform:scale(2.2) rotate(45deg) translate(-3px,2px)}50%{opacity:.7;transform:scale(1.8) rotate(90deg) translate(2px,-3px)}75%{opacity:.5;transform:scale(1.3) rotate(135deg) translate(-1px,1px)}}@keyframes neon-spark-flash-3{0%,to{opacity:0;transform:scale(.3) translateX(0)}30%{opacity:1;transform:scale(2.8) translateX(5px) translateY(-5px)}60%{opacity:.8;transform:scale(1.6) translateX(-3px) translateY(3px)}}@keyframes neon-spark-flash-4{0%,to{opacity:0;transform:scale(.4) rotate(0deg)}35%{opacity:1;transform:scale(2.4) rotate(-45deg) translate(4px,-4px)}70%{opacity:.6;transform:scale(1.4) rotate(-90deg) translate(-2px,2px)}}@keyframes neon-spark-flash-5{0%,to{opacity:0;transform:scale(.6) translateY(0)}40%{opacity:1;transform:scale(2.6) translateY(-6px) translateX(3px)}80%{opacity:.5;transform:scale(1.2) translateY(2px) translateX(-2px)}}@keyframes neon-spark-flash-6{0%,to{opacity:0;transform:scale(.5) rotate(0deg)}45%{opacity:1;transform:scale(2.7) rotate(60deg) translate(-4px,-3px)}90%{opacity:.7;transform:scale(1.5) rotate(120deg) translate(2px,2px)}}@keyframes golden-spark-flash{0%,to{opacity:0;transform:scale(.5) translateY(0)}30%{opacity:1;transform:scale(1.8) translateY(-2px)}60%{opacity:.8;transform:scale(1.2) translateY(-1px)}}