.agent-silhouettes{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:-1;opacity:.1}.agent-silhouette{position:absolute;width:300px;height:600px;background-size:contain;background-repeat:no-repeat;background-position:center;filter:brightness(.7) contrast(1.2);transition:all .5s ease}.agent-silhouette:nth-child(1){left:5%;top:10%}.agent-silhouette:nth-child(2){right:5%;top:20%}.agent-silhouette:nth-child(3){left:15%;bottom:10%}.agent-silhouette:nth-child(4){right:15%;bottom:20%}.particles{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:-1;overflow:hidden}.particle{position:absolute;width:4px;height:4px;background:#ff465580;border-radius:50%;animation:float 20s infinite linear}.bg-lines{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:-2}.bg-line{position:absolute;width:1px;height:100%;background:linear-gradient(to bottom,transparent,rgba(255,70,85,.1),rgba(255,70,85,.2),rgba(255,70,85,.1),transparent);animation:linePulse 3s infinite ease-in-out}.hover-card{transition:transform .3s ease,box-shadow .3s ease;position:relative;overflow:hidden}.hover-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg,transparent,rgba(255,70,85,.1),transparent);transform:translate(-100%);transition:transform .6s ease}.hover-card:hover{transform:translateY(-5px);box-shadow:0 5px 15px #ff465533}.hover-card:hover:before{transform:translate(100%)}.animated-border{position:relative;overflow:hidden}.animated-border:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,transparent,var(--primary-color),transparent);animation:border-glow 2s infinite}.btn-valorant{position:relative;padding:.8rem 2rem;background:var(--primary-color);color:#fff;border:none;border-radius:4px;cursor:pointer;text-transform:uppercase;letter-spacing:1px;transition:all .3s ease;overflow:hidden;text-decoration:none;display:inline-block}.btn-valorant:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg,transparent,rgba(255,255,255,.2),transparent);transform:translate(-100%);transition:transform .6s ease}.btn-valorant:hover{background:var(--primary-dark);transform:translateY(-2px)}.btn-valorant:hover:before{transform:translate(100%)}.glitch-text{position:relative;animation:glitch 3s infinite}.glitch-text:before,.glitch-text:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%}.glitch-text:before{left:2px;text-shadow:-2px 0 #ff4655;clip:rect(24px,550px,90px,0);animation:glitch-anim 3s infinite linear alternate-reverse}.glitch-text:after{left:-2px;text-shadow:-2px 0 #0f1923;clip:rect(85px,550px,140px,0);animation:glitch-anim2 2.5s infinite linear alternate-reverse}.forum-hero{background:linear-gradient(#0f1923cc,#0f1923cc),url(../assets/maps/ascent.png) center/cover}.category-card{background:var(--card-background);border-radius:8px;padding:2rem;margin-bottom:1rem}.category-icon{font-size:2.5rem;color:var(--primary-color);margin-bottom:1rem}.discussion-card{background:var(--card-background);border-radius:8px;padding:1.5rem;margin-bottom:1rem}.discussion-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.user-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover}.media-hero{background:linear-gradient(#0f1923cc,#0f1923cc),url(../assets/maps/bind.png) center/cover}.video-wrapper{position:relative;border-radius:8px;overflow:hidden;margin-bottom:2rem}.video-thumbnail{width:100%;height:auto;transition:transform .3s ease}.play-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60px;height:60px;background:#ff4655e6;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.5rem;cursor:pointer;transition:all .3s ease}.play-button:hover{background:var(--primary-color);transform:translate(-50%,-50%) scale(1.1)}.video-card{background:var(--card-background);border-radius:8px;overflow:hidden}.thumbnail-container{position:relative;overflow:hidden}.duration{position:absolute;bottom:10px;right:10px;background:#000c;color:#fff;padding:.2rem .5rem;border-radius:4px;font-size:.9rem}.social-card{background:var(--card-background);border-radius:8px;padding:1.5rem;margin-bottom:1rem}.social-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem;color:var(--primary-color)}.social-header i{font-size:1.5rem}@keyframes float{0%{transform:translateY(0) rotate(0)}to{transform:translateY(-100vh) rotate(360deg)}}@keyframes linePulse{0%,to{opacity:.1}50%{opacity:.3}}@keyframes glitch-anim{0%{clip:rect(24px,550px,90px,0)}20%{clip:rect(85px,550px,140px,0)}40%{clip:rect(66px,550px,130px,0)}60%{clip:rect(42px,550px,80px,0)}80%{clip:rect(15px,550px,110px,0)}to{clip:rect(35px,550px,95px,0)}}@keyframes glitch-anim2{0%{clip:rect(85px,550px,140px,0)}20%{clip:rect(24px,550px,90px,0)}40%{clip:rect(42px,550px,80px,0)}60%{clip:rect(66px,550px,130px,0)}80%{clip:rect(35px,550px,95px,0)}to{clip:rect(15px,550px,110px,0)}}@keyframes border-glow{0%,to{opacity:.5}50%{opacity:1}}.intro-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0f1923;z-index:9999;display:flex;justify-content:center;align-items:center;transition:opacity 1s ease-out}.intro-content{position:relative;width:100%;height:100%;overflow:hidden}.intro-logo{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:200px;height:200px;opacity:0;animation:logoReveal 4s forwards}.intro-agents{position:absolute;width:100%;height:100%;opacity:0}.intro-agent{position:absolute;width:150px;height:400px;background-size:contain;background-repeat:no-repeat;background-position:center;filter:drop-shadow(0 0 10px rgba(255,70,85,.5))}.intro-text{position:absolute;bottom:20%;left:50%;transform:translate(-50%);color:#fff;font-size:2rem;text-transform:uppercase;letter-spacing:4px;opacity:0;white-space:nowrap}.intro-progress{position:absolute;bottom:10%;left:50%;transform:translate(-50%);width:200px;height:2px;background:#ffffff1a}.intro-progress-bar{width:0;height:100%;background:#ff4655;transition:width .5s ease}.intro-skip{position:absolute;bottom:20px;right:20px;color:#ffffff80;font-size:.8rem;cursor:pointer;opacity:0;animation:fadeIn .5s 2s forwards}@keyframes logoReveal{0%{opacity:0;transform:translate(-50%,-50%) scale(.8)}20%{opacity:1;transform:translate(-50%,-50%) scale(1)}80%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(1.2)}}@keyframes agentSlideIn{0%{opacity:0;transform:translate(-100px)}to{opacity:1;transform:translate(0)}}@keyframes textReveal{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.intro-hidden{opacity:0;pointer-events:none}.agent-1{left:10%;animation:agentSlideIn .8s 1s forwards}.agent-2{left:30%;animation:agentSlideIn .8s 1.2s forwards}.agent-3{left:50%;animation:agentSlideIn .8s 1.4s forwards}.agent-4{left:70%;animation:agentSlideIn .8s 1.6s forwards}.agent-5{left:90%;animation:agentSlideIn .8s 1.8s forwards}.text-1{animation:textReveal .8s 2.5s forwards}.text-2{animation:textReveal .8s 3s forwards}.text-3{animation:textReveal .8s 3.5s forwards}
