:root{--primary-color: #ff4655;--primary-dark: #ff1f31;--secondary-color: #0f1923;--accent-color: #bd3944;--text-color: #ffffff;--background-color: #0f1923;--card-background: rgba(15, 25, 35, .9)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:var(--background-color);color:var(--text-color);line-height:1.6;overflow-x:hidden}.navbar{display:flex;justify-content:space-between;align-items:center;padding:1rem 5%;position:fixed;width:100%;top:0;z-index:1000;background:#0f1923f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.nav-links{display:flex;list-style:none;gap:2rem}.nav-links a{color:var(--text-color);text-decoration:none;font-weight:500;transition:color .3s ease}.nav-links a:hover{color:var(--primary-color)}.nav-links a.active{color:var(--primary-color);font-weight:600}.hero{height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;padding:0 1rem;position:relative;overflow:hidden}.hero-content{max-width:800px;padding:2rem;background:#0f1923cc;border-radius:8px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hero-content h1{font-size:3.5rem;margin-bottom:1rem;line-height:1.2}.hero-content p{font-size:1.2rem;margin-bottom:2rem;color:#ffffffe6}.hero-buttons{display:flex;gap:1rem;justify-content:center}.services{padding:6rem 5%;text-align:center}.services h2{margin-bottom:3rem}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:2rem}.service-card{background:var(--card-background);padding:2rem;border-radius:8px;text-align:left}.service-icon{font-size:2.5rem;color:var(--primary-color);margin-bottom:1rem}.service-card h3{margin-bottom:1rem;font-size:1.5rem}.service-card ul{list-style:none;margin:1rem 0}.service-card ul li{margin:.5rem 0;padding-left:1.5rem;position:relative}.service-card ul li:before{content:"→";position:absolute;left:0;color:var(--primary-color)}.stats{padding:4rem 5%;background:var(--card-background);margin:2rem 5%;border-radius:8px;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;text-align:center}.stat-item h3{font-size:2.5rem;color:var(--primary-color);margin-bottom:.5rem}.testimonials{padding:6rem 5%;text-align:center}.testimonials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:3rem}.testimonial-card{background:var(--card-background);padding:2rem;border-radius:8px;text-align:left}.testimonial-content p{font-style:italic;margin-bottom:1rem}.testimonial-author{display:flex;justify-content:space-between;align-items:center;margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1)}.testimonial-author .rank{color:var(--primary-color);font-weight:600}footer{background:var(--secondary-color);padding:4rem 5% 2rem;margin-top:4rem}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-bottom:2rem}.footer-section h4{color:var(--primary-color);margin-bottom:1rem}.social-links{display:flex;gap:1rem}.social-links a{color:var(--text-color);font-size:1.5rem;transition:color .3s ease}.footer-bottom{text-align:center;padding-top:2rem;border-top:1px solid rgba(255,255,255,.1)}@media (max-width: 768px){.hero-content h1{font-size:2.5rem}.services-grid,.testimonials-grid{grid-template-columns:1fr}.nav-links{display:none}.burger{display:block}}.burger{display:none;cursor:pointer}.burger div{width:25px;height:3px;background-color:var(--text-color);margin:5px;transition:all .3s ease}.nav-active{display:flex;position:absolute;right:0;top:100%;flex-direction:column;background:var(--secondary-color);width:100%;text-align:center;padding:2rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.agent-silhouettes{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:-1;opacity:.05;background:url(/assets/img/jett-silhouette-BAU7WD8n.png) left bottom no-repeat,url(../assets/images/agents/omen-silhouette.png) right bottom no-repeat;background-size:400px auto}.glow-effect{position:relative;overflow:hidden}.glow-effect:before{content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(120deg,transparent,rgba(255,70,85,.2),transparent);transition:.5s}.glow-effect:hover:before{left:100%}.btn-valorant{position:relative;padding:.8rem 2rem;background:var(--valorant-red);color:#fff;border:none;clip-path:polygon(10% 0,100% 0,90% 100%,0 100%);transition:all .3s ease;cursor:pointer;overflow:hidden}.btn-valorant:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(120deg,transparent,rgba(255,255,255,.3),transparent);transition:.5s}.btn-valorant:hover:before{left:100%}.btn-valorant:hover{transform:scale(1.05);box-shadow:0 0 20px #ff465580}.bg-lines{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:-1}.bg-line{position:absolute;width:1px;height:100%;top:0;left:50%;background:#ff46551a;overflow:hidden}.bg-line:after{content:"";display:block;position:absolute;height:15vh;width:100%;top:-50%;left:0;background:linear-gradient(to bottom,rgba(255,70,85,0) 0%,var(--valorant-red) 75%,var(--valorant-red) 100%);animation:drop 7s 0s infinite;animation-fill-mode:forwards;animation-timing-function:cubic-bezier(.4,.26,0,.97)}@keyframes drop{0%{top:-50%}to{top:110%}}.animated-card{position:relative;background:#0f1923e6;border:1px solid var(--valorant-red);padding:2rem;transition:all .3s ease;overflow:hidden}.animated-card:before,.animated-card:after{content:"";position:absolute;width:100%;height:2px;background:var(--valorant-red);transition:all .3s ease}.animated-card:before{top:0;left:-100%}.animated-card:after{bottom:0;right:-100%}.animated-card:hover:before{left:0}.animated-card:hover:after{right:0}.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 var(--valorant-red);clip:rect(24px,550px,90px,0);animation:glitch-anim 3s infinite linear alternate-reverse}.glitch-text:after{left:-2px;text-shadow:-2px 0 var(--valorant-blue);clip:rect(85px,550px,140px,0);animation:glitch-anim2 2.5s infinite linear alternate-reverse}@keyframes glitch-anim{0%{clip:rect(42px,9999px,44px,0)}20%{clip:rect(12px,9999px,59px,0)}40%{clip:rect(48px,9999px,29px,0)}60%{clip:rect(73px,9999px,61px,0)}80%{clip:rect(34px,9999px,89px,0)}to{clip:rect(66px,9999px,91px,0)}}@keyframes glitch-anim2{0%{clip:rect(65px,9999px,119px,0)}20%{clip:rect(45px,9999px,79px,0)}40%{clip:rect(92px,9999px,138px,0)}60%{clip:rect(17px,9999px,94px,0)}80%{clip:rect(59px,9999px,44px,0)}to{clip:rect(82px,9999px,23px,0)}}.hover-card{position:relative;transition:all .3s ease}.hover-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg,transparent 0%,rgba(255,70,85,.1) 100%);opacity:0;transition:all .3s ease}.hover-card:hover{transform:translateY(-10px)}.hover-card:hover:before{opacity:1}.animated-border{position:relative;background:var(--valorant-dark)}.animated-border:before{content:"";position:absolute;top:-2px;left:-2px;width:calc(100% + 4px);height:calc(100% + 4px);background:linear-gradient(45deg,var(--valorant-red),var(--valorant-blue),var(--valorant-red));z-index:-1;animation:animatedBorder 2s linear infinite}@keyframes animatedBorder{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-animation{position:relative;width:100px;height:100px}.loading-animation:before,.loading-animation:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border:2px solid transparent;border-top-color:var(--valorant-red);border-radius:50%;animation:rotate 1.5s linear infinite}.loading-animation:after{border:2px solid transparent;border-bottom-color:var(--valorant-blue);animation:rotate 1s linear infinite reverse}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.particles{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}.particle{position:absolute;width:4px;height:4px;background:var(--valorant-red);border-radius:50%;animation:particleFloat 20s infinite linear}@keyframes particleFloat{0%{transform:translateY(0) rotate(0);opacity:1}to{transform:translateY(-100vh) rotate(360deg);opacity:0}}
