:root{--background-color:#0a0f14;--card-background:#141414;--border-color:#27272a;--accent-color:#818cf8;--accent-glow:rgba(129, 140, 248, 0.3);--glitch-cyan:#00fff9;--glitch-magenta:#ff00c1}#bg-canvas{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1}.font-roboto-mono{font-family:'Roboto Mono',monospace}.glitch-title{position:relative;animation:glitch-scan 5s infinite linear alternate-reverse;font-family:Orbitron,sans-serif}.glitch-title::after,.glitch-title::before{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;background:var(--background-color)}.glitch-title::before{left:3px;text-shadow:-2px 0 var(--glitch-magenta);animation:glitch-anim-1 2s infinite linear alternate-reverse}.glitch-title::after{left:-3px;text-shadow:-2px 0 var(--glitch-cyan),2px 2px var(--glitch-magenta);animation:glitch-anim-2 1.5s infinite linear alternate-reverse}@keyframes glitch-anim-1{0%,100%{clip-path:inset(0 0 98% 0)}20%{clip-path:inset(78% 0 1% 0)}40%{clip-path:inset(20% 0 40% 0)}60%{clip-path:inset(50% 0 23% 0)}80%{clip-path:inset(90% 0 4% 0)}}@keyframes glitch-anim-2{0%,100%{clip-path:inset(95% 0 2% 0)}25%{clip-path:inset(5% 0 80% 0)}50%{clip-path:inset(40% 0 30% 0)}75%{clip-path:inset(82% 0 5% 0)}}@keyframes glitch-scan{0%,100%{transform:translateY(0)}50%{transform:translateY(2px)}}.hack-card{background:var(--card-background);border:1px solid var(--border-color);transition:transform .2s ease-out,border-color .2s ease,box-shadow .2s ease;transform-style:preserve-3d;position:relative;overflow:hidden}.hack-card::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;border-radius:.75rem;border:2px solid transparent;background:linear-gradient(120deg,#0ea5e9,#67e8f9,#ec4899,#0ea5e9) border-box;background-size:200% 200%;-webkit-mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);-webkit-mask-composite:destination-out;mask-composite:exclude;opacity:0;transition:opacity .3s ease-in-out;animation:animated-gradient 4s linear infinite}@keyframes animated-gradient{0%{background-position:0 50%}50%{background-position:100% 50%}100%{background-position:0 50%}}.hack-card:hover::before{opacity:1}.hack-card:hover{box-shadow:0 0 25px var(--accent-glow),0 0 10px var(--accent-glow)}.stat-card{background-color:rgba(20,20,20,.7);border:1px solid var(--border-color);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.filter-btn{transition:all .2s ease}.filter-btn.active{background-color:var(--accent-color);color:#fff;box-shadow:0 0 10px var(--accent-glow)}.filter-btn:not(.active):hover{background-color:#3f3f46}.progress-bar{transition:width 1s ease-out,background-color 1s ease-out}.live-indicator{display:inline-block;width:8px;height:8px;background-color:#ff4757;border-radius:50%;margin-right:8px;animation:pulse 1.5s infinite}@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(255,71,87,.7)}70%{box-shadow:0 0 0 10px rgba(255,71,87,0)}100%{box-shadow:0 0 0 0 rgba(255,71,87,0)}}