@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;700&family=Outfit:wght@400;600;800;900&display=swap";
:root{--bg-dark:#070216;--bg-card:#120a24a6;--bg-card-hover:#1e103ad9;--border-glow:#8a2be266;--neon-pink:#ff007f;--neon-cyan:#00f3ff;--neon-purple:#9d4edd;--neon-gold:#ffbe0b;--neon-green:#39ff14;--text-main:#fff;--text-muted:#94a3b8;--text-accent:#cbd5e1;--font-display:"Outfit", "Inter", sans-serif;--font-body:"Inter", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-dark);color:var(--text-main);font-family:var(--font-body);-webkit-font-smoothing:antialiased;background-image:radial-gradient(at 0 0,#ff007f1a 0,#0000 50%),radial-gradient(at 50% 0,#8a2be21f 0,#0000 50%),radial-gradient(at 100% 0,#00f3ff1a 0,#0000 50%),linear-gradient(#ffffff01 1px,#0000 1px),linear-gradient(90deg,#ffffff01 1px,#0000 1px);background-size:100% 100%,100% 100%,100% 100%,40px 40px,40px 40px;background-attachment:fixed;min-height:100vh;overflow-x:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#070216cc}::-webkit-scrollbar-thumb{background:var(--neon-purple);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--neon-pink)}.glass-panel{background:var(--bg-card);-webkit-backdrop-filter:blur(16px);border:1px solid #ffffff12;border-radius:16px;box-shadow:0 8px 32px #00000080}.holo-card{border:2px solid var(--neon-purple);width:280px;height:420px;box-shadow:0 0 15px var(--border-glow);background:#0a0518d9;border-radius:20px;flex-direction:column;padding:16px;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:flex;position:relative;overflow:hidden}.holo-card:hover{border-color:var(--neon-pink);transform:translateY(-8px)scale(1.02);box-shadow:0 0 25px #ff007f66}.holo-card:after{content:" ";z-index:10;pointer-events:none;opacity:.4;background:linear-gradient(#12101000 50%,#00000040 50%) 0 0/100% 4px,linear-gradient(90deg,#ff00000f,#00ff0005,#0000ff0f) 0 0/6px 100%;display:block;position:absolute;inset:0}.holo-card-shine{z-index:5;pointer-events:none;background:linear-gradient(90deg,#fff0 0%,#ffffff26 30%,#fff0 100%);width:50%;height:100%;transition:all .75s;position:absolute;top:0;left:-100%;transform:skew(-25deg)}.holo-card:hover .holo-card-shine{left:200%}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.cyber-btn{font-family:var(--font-display);text-transform:uppercase;letter-spacing:1.5px;background:linear-gradient(135deg, var(--neon-purple) 0%, var(--neon-pink) 100%);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:12px 24px;font-weight:800;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 0 15px #9d4edd66}.cyber-btn:hover{background:linear-gradient(135deg, var(--neon-pink) 0%, var(--neon-purple) 100%);transform:translateY(-2px);box-shadow:0 0 25px #ff007f99}.cyber-btn:active{transform:translateY(1px)}.badge-fire{background:linear-gradient(135deg,#f97316,#ef4444)}.badge-water{background:linear-gradient(135deg,#0ea5e9,#2563eb)}.badge-lightning{background:linear-gradient(135deg,#fbbf24,#f59e0b)}.badge-wind{background:linear-gradient(135deg,#10b981,#059669)}.badge-light{background:linear-gradient(135deg,#fef08a,#ca8a04);color:#000!important}.badge-dark{background:linear-gradient(135deg,#6366f1,#4f46e5)}.badge-default{background:linear-gradient(135deg,#a855f7,#7c3aed)}@keyframes float{0%{transform:translateY(0)rotate(0)}50%{transform:translateY(-10px)rotate(1deg)}to{transform:translateY(0)rotate(0)}}@keyframes pulse-glow{0%{box-shadow:0 0 10px #00f3ff33}50%{box-shadow:0 0 25px #00f3ff80}to{box-shadow:0 0 10px #00f3ff33}}@keyframes challenge-in{0%{opacity:0;transform:scale(.3)rotate(-15deg)}70%{transform:scale(1.1)rotate(5deg)}90%{transform:scale(.95)rotate(-2deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes text-glitch{0%{text-shadow:2px 0 0 var(--neon-pink), -2px 0 0 var(--neon-cyan)}25%{text-shadow:-2px 0 0 var(--neon-pink), 2px 0 0 var(--neon-cyan)}50%{text-shadow:2px 2px 0 var(--neon-pink), -2px -2px 0 var(--neon-cyan)}to{text-shadow:2px 0 0 var(--neon-pink), -2px 0 0 var(--neon-cyan)}}@keyframes marquee-scroll{0%{transform:translate(0)}to{transform:translate(calc(-50% - 15px))}}.marquee-container{background:0 0;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0;overflow:hidden}.marquee-content{white-space:nowrap;flex-direction:row;gap:30px;animation:35s linear infinite marquee-scroll;display:flex}.marquee-container:hover .marquee-content{animation-play-state:paused}