:root{--riot-red: #FF4655;--obsidian: #0F1923;--off-white: #ECE8E1;--text-grey: #768079;--bg-dark: #111;--gradient-red: linear-gradient(135deg, #FF4655 0%, #ff6b77 100%)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{background-color:var(--obsidian);color:var(--off-white);font-family:Roboto,sans-serif;overflow-x:hidden;position:relative;cursor:crosshair}.page-loader{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--obsidian);display:flex;align-items:center;justify-content:center;z-index:10000;transition:opacity .8s cubic-bezier(.4,0,.2,1),visibility .8s cubic-bezier(.4,0,.2,1),transform .8s cubic-bezier(.4,0,.2,1)}.page-loader.hidden{opacity:0;visibility:hidden;transform:scale(1.05)}.loader-content{text-align:center;position:relative}.loader-logo{font-family:Oswald,sans-serif;font-size:3rem;font-weight:700;letter-spacing:3px;animation:pulse-smooth 2s cubic-bezier(.4,0,.6,1) infinite}.loader-logo span{color:var(--riot-red)}.loader-bar{width:200px;height:3px;background:#ffffff1a;margin:20px auto 0;position:relative;overflow:hidden;border-radius:2px}.loader-bar:after{content:"";position:absolute;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,var(--riot-red) 50%,transparent 100%);animation:loading-smooth 1.8s cubic-bezier(.65,0,.35,1) infinite}@keyframes loading-smooth{0%{transform:translate(-100%)}to{transform:translate(200%)}}@keyframes pulse-smooth{0%,to{opacity:1;transform:scale(1)}50%{opacity:.75;transform:scale(1.03)}}body:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyBAMAAADsEZWCAAAAGFBMVEUAAAA5OTkAAABERERmZmYzMzOZmZlVVVUPPQA2AAAACHRSTlMAMwA3M2YzMzOq4E2sAAAAJUlEQVQ4y2NgGAWjYBSMglEwCkbBKBi5gHcUjIJRMApGwSgYBQQAAPcAAf0D/OMAAAAASUVORK5CYII=);opacity:.03;pointer-events:none;z-index:9999;animation:noise .5s steps(2) infinite}@keyframes noise{0%{transform:translate(0)}10%{transform:translate(-5%,-5%)}20%{transform:translate(-10%,5%)}30%{transform:translate(5%,-10%)}40%{transform:translate(-5%,15%)}50%{transform:translate(-10%,5%)}60%{transform:translate(15%)}70%{transform:translateY(10%)}80%{transform:translate(-15%)}90%{transform:translate(10%,5%)}to{transform:translate(5%)}}.fade-in{opacity:0;transform:translateY(30px);transition:opacity .6s ease,transform .6s ease}.fade-in.visible{opacity:1;transform:translateY(0)}.slide-left{opacity:0;transform:translate(-50px);transition:opacity .6s ease,transform .6s ease}.slide-left.visible{opacity:1;transform:translate(0)}.slide-right{opacity:0;transform:translate(50px);transition:opacity .6s ease,transform .6s ease}.slide-right.visible{opacity:1;transform:translate(0)}.scale-in{opacity:0;transform:scale(.9);transition:opacity .5s ease,transform .5s ease}.scale-in.visible{opacity:1;transform:scale(1)}h1,h2,h3,.nav-link,.btn{font-family:Oswald,sans-serif;text-transform:uppercase}header{background-color:#0f1923f2;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.1);padding:20px 40px;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:100;transition:all .3s ease}header.scrolled{padding:15px 40px;background-color:#0f1923fa}.logo{font-size:1.8rem;font-weight:700;letter-spacing:2px;text-decoration:none;color:var(--off-white);transition:transform .3s ease}.logo:hover{transform:scale(1.05)}.logo span{color:var(--riot-red)}nav ul{display:flex;list-style:none;gap:30px}.nav-link{text-decoration:none;color:var(--off-white);font-size:.9rem;letter-spacing:1px;position:relative;transition:.3s}.nav-link:after{content:"";position:absolute;bottom:-5px;left:0;width:0;height:2px;background:var(--riot-red);transition:width .3s ease}.nav-link:hover:after,.nav-link.active:after{width:100%}.nav-link:hover{color:var(--riot-red)}.hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;z-index:1001;padding:10px}.hamburger span{width:25px;height:2px;background:var(--off-white);transition:all .3s ease}.hamburger.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.mobile-nav{display:none;position:fixed;top:0;left:0;width:100%;height:100vh;background:#0f1923fa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:999;justify-content:center;align-items:center;opacity:0;visibility:hidden;transition:all .3s ease}.mobile-nav.active{opacity:1;visibility:visible}.mobile-nav ul{list-style:none;text-align:center}.mobile-nav li{margin:25px 0}.mobile-nav .nav-link{font-size:1.5rem;letter-spacing:3px}.btn-small{background:var(--riot-red);color:var(--off-white);padding:10px 20px;text-decoration:none;font-weight:700;font-family:Oswald,sans-serif;letter-spacing:1px;border:2px solid var(--riot-red);transition:all .3s ease;position:relative;overflow:hidden}.btn-small:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:.5s}.btn-small:hover:before{left:100%}.btn-small:hover{background:transparent;transform:translateY(-2px);box-shadow:0 5px 20px #ff465566}.hero{height:80vh;min-height:600px;display:flex;align-items:center;justify-content:center;position:relative;background:linear-gradient(90deg,#0f1923,#0f192399 50%),url(https://images.contentstack.io/v3/assets/bltb6530b271fddd0b1/blt5f749f299f76b224/620453e4891213293704630a/VALORANT_Ep4A1_Article_Header.jpg);background-size:cover;background-position:center;background-attachment:fixed}.hero:before{content:"";position:absolute;bottom:0;left:0;width:100%;height:150px;background:linear-gradient(to top,var(--obsidian),transparent)}.hero:after{content:"";position:absolute;top:50%;right:10%;width:1px;height:200px;background:linear-gradient(to bottom,transparent,var(--riot-red),transparent);animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0) scaleY(1);opacity:.5}50%{transform:translateY(-20px) scaleY(1.2);opacity:1}}.hero-content{z-index:2;text-align:left;width:80%;max-width:1200px}.tagline{color:var(--riot-red);font-weight:700;letter-spacing:2px;margin-bottom:10px;display:inline-block;border-left:4px solid var(--off-white);padding-left:15px;animation:slideIn .8s ease forwards}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}h1.hero-title{font-size:5rem;line-height:.9;margin-bottom:30px;text-shadow:5px 5px 0px rgba(0,0,0,.5);position:relative;animation:glitch-skew 3s infinite linear alternate-reverse}h1.hero-title:before,h1.hero-title:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;background:transparent}h1.hero-title:before{left:2px;text-shadow:-1px 0 #ff00c1;clip:rect(44px,450px,56px,0);animation:glitch-anim 5s infinite linear alternate-reverse}h1.hero-title:after{left:-2px;text-shadow:-1px 0 #00fff9;clip:rect(44px,450px,56px,0);animation:glitch-anim2 5s infinite linear alternate-reverse}@keyframes glitch-anim{0%{clip:rect(30px,9999px,10px,0)}20%{clip:rect(80px,9999px,90px,0)}40%{clip:rect(10px,9999px,50px,0)}60%{clip:rect(40px,9999px,20px,0)}80%{clip:rect(70px,9999px,60px,0)}to{clip:rect(20px,9999px,80px,0)}}@keyframes glitch-anim2{0%{clip:rect(10px,9999px,80px,0)}20%{clip:rect(60px,9999px,10px,0)}40%{clip:rect(30px,9999px,50px,0)}60%{clip:rect(90px,9999px,20px,0)}80%{clip:rect(10px,9999px,40px,0)}to{clip:rect(50px,9999px,30px,0)}}@keyframes glitch-skew{0%{transform:skew(1deg)}10%{transform:skew(-1deg)}20%{transform:skew(.5deg)}30%{transform:skew(-.5deg)}40%{transform:skew(0)}to{transform:skew(0)}}.btn-main{position:relative;display:inline-block;padding:18px 40px;background-color:var(--riot-red);color:var(--off-white);text-decoration:none;font-size:1.2rem;font-weight:700;letter-spacing:1px;border:none;cursor:pointer;overflow:hidden;clip-path:polygon(10% 0,100% 0,100% 70%,90% 100%,0 100%,0 30%);transition:all .3s ease;animation:btnPulse 2s ease-in-out infinite}@keyframes btnPulse{0%,to{box-shadow:0 0 #ff465566}50%{box-shadow:0 0 0 15px #ff465500}}.btn-main:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:var(--obsidian);transition:.4s cubic-bezier(.165,.84,.44,1);z-index:0}.btn-main:hover{transform:translate(-2px,-2px);box-shadow:4px 4px #ff465566;animation:none}.btn-main:hover:before{left:0}.btn-main span{position:relative;z-index:1}.btn-wrapper{display:inline-block;border:1px solid rgba(255,255,255,.3);padding:5px;margin-top:20px;transition:border-color .3s ease}.btn-wrapper:hover{border-color:var(--riot-red)}.container{max-width:1200px;margin:0 auto;padding:80px 20px}.section-title{font-size:3rem;margin-bottom:40px;position:relative;display:inline-block}.section-title:after{content:".";color:var(--riot-red)}.agent-filters{display:flex;gap:15px;margin-bottom:40px;flex-wrap:wrap;justify-content:center}.filter-btn{background:transparent;border:2px solid rgba(255,255,255,.3);color:var(--off-white);padding:12px 25px;font-family:Oswald,sans-serif;font-size:.9rem;letter-spacing:1px;cursor:pointer;transition:all .3s ease;text-transform:uppercase}.filter-btn:hover{border-color:var(--riot-red);color:var(--riot-red)}.filter-btn.active{background:var(--riot-red);border-color:var(--riot-red);color:var(--off-white)}.news-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px}.card{background:#1a2632;border:1px solid rgba(255,255,255,.1);transition:all .4s cubic-bezier(.165,.84,.44,1);position:relative;overflow:hidden}.card.hidden{display:none}.card:before{content:"";position:absolute;top:0;left:0;width:15px;height:15px;border-top:2px solid var(--riot-red);border-left:2px solid var(--riot-red);opacity:0;transition:.3s}.card:after{content:"";position:absolute;bottom:0;right:0;width:15px;height:15px;border-bottom:2px solid var(--riot-red);border-right:2px solid var(--riot-red);opacity:0;transition:.3s}.card:hover{border-color:var(--riot-red);transform:translateY(-10px) scale(1.02);box-shadow:0 20px 40px #00000080,0 0 30px #ff46551a}.card:hover:before,.card:hover:after{opacity:1}.card-img{width:100%;height:200px;background-color:#333;object-fit:cover;transition:transform .5s ease}.card:hover .card-img{transform:scale(1.1)}.card-content{padding:20px;position:relative;background:#1a2632}.card-date{color:var(--riot-red);font-size:.8rem;font-weight:700;margin-bottom:10px;font-family:Oswald,sans-serif;letter-spacing:1px}.card h3{font-size:1.5rem;margin-bottom:10px;transition:color .3s ease}.card:hover h3{color:var(--riot-red)}.card p{color:var(--text-grey);font-size:.9rem;line-height:1.6}.stats-bar{display:flex;justify-content:space-around;background:var(--off-white);color:var(--obsidian);padding:50px 40px;margin-top:50px;clip-path:polygon(0 0,100% 0,100% 85%,98% 100%,0 100%);position:relative;overflow:hidden}.stats-bar:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,70,85,.1),transparent);animation:shine 3s infinite}@keyframes shine{0%{left:-100%}to{left:100%}}.stat-item{text-align:center;transition:transform .3s ease}.stat-item:hover{transform:scale(1.1)}.stat-item h4{font-size:3.5rem;color:var(--riot-red);font-family:Oswald,sans-serif}.stat-item p{font-weight:700;text-transform:uppercase;letter-spacing:1px;font-size:.9rem}footer{background:#0a1017;padding:60px 40px 40px;text-align:center;border-top:3px solid var(--riot-red);color:var(--text-grey);margin-top:80px}.footer-content{max-width:1200px;margin:0 auto}.footer-social{display:flex;justify-content:center;gap:20px;margin:30px 0}.social-link{width:50px;height:50px;border:2px solid rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;text-decoration:none;color:var(--off-white);font-size:1.2rem;transition:all .3s ease}.social-link:hover{border-color:var(--riot-red);background:var(--riot-red);transform:translateY(-5px)}footer p{font-size:.8rem;margin-top:10px}.glitch-box{display:inline-block;background:var(--riot-red);width:10px;height:10px;margin-right:10px;animation:glitchBox 2s infinite}@keyframes glitchBox{0%,90%,to{opacity:1;transform:translate(0)}92%{opacity:.8;transform:translate(-2px,1px)}94%{opacity:1;transform:translate(2px,-1px)}96%{opacity:.9;transform:translate(-1px,2px)}98%{opacity:1;transform:translate(1px,-2px)}}.back-to-top{position:fixed;bottom:30px;right:30px;width:50px;height:50px;background:var(--riot-red);color:var(--off-white);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.5rem;opacity:0;visibility:hidden;transition:all .3s ease;z-index:99;clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%)}.back-to-top.visible{opacity:1;visibility:visible}.back-to-top:hover{transform:scale(1.1);box-shadow:0 0 30px #ff465580}@media (max-width: 1024px){h1.hero-title{font-size:4rem}.section-title{font-size:2.5rem}.stats-bar{flex-wrap:wrap;gap:30px}.stat-item{flex:1 1 150px}}@media (max-width: 768px){header{padding:15px 20px}nav{display:none}.hamburger,.mobile-nav{display:flex}.btn-small{padding:8px 15px;font-size:.8rem}.hero{height:70vh;min-height:500px;background-attachment:scroll}h1.hero-title{font-size:2.5rem;line-height:1}.hero-content{width:90%;text-align:center}.tagline{border-left:none;border-bottom:2px solid var(--off-white);padding-left:0;padding-bottom:10px}.btn-main{padding:15px 30px;font-size:1rem}.container{padding:60px 15px}.section-title{font-size:2rem;text-align:center;display:block}.news-grid{grid-template-columns:1fr;gap:20px}.agent-filters{gap:10px}.filter-btn{padding:10px 18px;font-size:.8rem}.stats-bar{flex-direction:column;clip-path:none;padding:40px 20px}.stat-item h4{font-size:2.5rem}footer{padding:40px 20px}.back-to-top{width:45px;height:45px;bottom:20px;right:20px}}@media (max-width: 480px){.logo{font-size:1.4rem}h1.hero-title{font-size:2rem}.btn-main{padding:12px 25px;font-size:.9rem}.card-img{height:180px}.section-title{font-size:1.8rem}}.soon-carousel{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px}.soon-card{background:#1a2632;border:1px solid rgba(255,255,255,.1);transition:all .4s cubic-bezier(.165,.84,.44,1);position:relative;overflow:hidden;min-height:250px;display:flex;align-items:center;justify-content:center}.soon-card:before{content:"";position:absolute;top:0;left:0;width:15px;height:15px;border-top:2px solid var(--riot-red);border-left:2px solid var(--riot-red);opacity:0;transition:.3s}.soon-card:after{content:"";position:absolute;bottom:0;right:0;width:15px;height:15px;border-bottom:2px solid var(--riot-red);border-right:2px solid var(--riot-red);opacity:0;transition:.3s}.soon-card:hover{border-color:var(--riot-red);transform:translateY(-5px);box-shadow:0 20px 40px #00000080,0 0 30px #ff46551a}.soon-card:hover:before,.soon-card:hover:after{opacity:1}.soon-content{text-align:center;padding:40px 30px}.soon-icon{font-size:3rem;margin-bottom:20px;animation:pulse 2s ease-in-out infinite}.soon-card h3{font-family:Oswald,sans-serif;font-size:2rem;letter-spacing:5px;color:var(--riot-red);margin-bottom:15px;text-transform:uppercase}.soon-card p{color:var(--text-grey);font-size:.95rem;letter-spacing:1px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.hero{background-attachment:scroll}}