:root{--primary: #8a2be2;--primary-dark: #6a1cb8;--secondary: #ff6b6b;--dark: #121212;--darker: #0a0a0a;--light: #f8f9fa;--gray: #6c757d;--dark-gray: #343a40;--gradient: linear-gradient(135deg, var(--primary), var(--secondary));--transition: all .3s ease;--shadow: 0 5px 15px rgba(0, 0, 0, .3);--border-radius: 8px}html{scroll-behavior:smooth}body{font-family:Montserrat,sans-serif;background-color:var(--dark);color:var(--light);line-height:1.6;overflow-x:hidden}section{padding:100px 0;position:relative}.section__title{font-size:2.5rem;text-align:center;margin-bottom:60px;position:relative;display:inline-block;left:50%;transform:translate(-50%)}.section__title:after{content:"";position:absolute;bottom:-10px;left:0;width:100%;height:4px;background:linear-gradient(90deg,var(--primary),var(--secondary));border-radius:2px}.btn{display:inline-block;padding:12px 30px;border-radius:30px;text-decoration:none;font-weight:600;text-transform:uppercase;letter-spacing:1px;transition:var(--transition);cursor:pointer;border:none;outline:none;font-size:.9rem}.btn--primary{background:linear-gradient(45deg,var(--primary),var(--secondary));color:#fff;box-shadow:0 4px 15px #8a2be266}.btn--primary:hover{transform:translateY(-3px);box-shadow:0 6px 20px #8a2be299}.btn--outline{background:transparent;border:2px solid var(--primary);color:var(--primary);margin-left:15px}.btn--outline:hover{background:var(--primary);color:#fff;transform:translateY(-3px)}.header.scrolled{background-color:#0a0a0ae6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:15px 0;box-shadow:0 5px 20px #0000001a}.logo{font-size:1.8rem;font-weight:700;color:#fff;text-decoration:none}.logo__text{color:var(--primary)}.nav__link{color:#fff;text-decoration:none;font-weight:500;position:relative;transition:var(--transition)}.nav__link:after{content:"";position:absolute;bottom:-5px;left:0;width:0;height:2px;background:var(--primary);transition:var(--transition)}.burger{display:none;cursor:pointer;z-index:1001}.burger span{display:block;width:25px;height:3px;background-color:#fff;margin:5px 0;transition:var(--transition)}.hero{height:100vh;min-height:700px;display:flex;align-items:center;position:relative;overflow:hidden;background:linear-gradient(135deg,#1a1a2e,#16213e)}.hero:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:url(../images/hero/bg.jpg) no-repeat center center/cover;opacity:.2;z-index:1}.hero__content{position:relative;z-index:2;max-width:800px;margin:0 auto;text-align:center;padding:0 20px;animation:fadeInUp 1s ease}.hero__title{font-size:4.5rem;font-weight:800;margin-bottom:20px;background:linear-gradient(45deg,#8a2be2,#ff6b6b);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;-moz-text-fill-color:transparent;text-shadow:0 5px 15px rgba(0,0,0,.1);display:inline-block}.hero__subtitle{font-size:1.5rem;margin-bottom:40px;color:#fffc}.hero__buttons{display:flex;justify-content:center;gap:15px;flex-wrap:wrap}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;font-size:16px}body{font-family:Montserrat,sans-serif;line-height:1.6;color:var(--light);background-color:var(--dark);overflow-x:hidden}a{text-decoration:none;color:var(--light);transition:var(--transition)}ul{list-style:none}img{max-width:100%;height:auto;display:block}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 20px}.section{padding:100px 0;position:relative}.section__title{font-size:2.5rem;font-weight:700;margin-bottom:50px;text-align:center;position:relative;display:inline-block;left:50%;transform:translate(-50%)}.section__title:after{content:"";position:absolute;bottom:-15px;left:0;width:100%;height:4px;background:var(--gradient);border-radius:2px}.btn{display:inline-block;padding:12px 30px;border-radius:50px;font-weight:600;text-align:center;cursor:pointer;transition:var(--transition);border:none;font-size:1rem;outline:none}.btn--primary{background:var(--gradient);color:#fff;box-shadow:0 4px 15px #8a2be266}.btn--primary:hover{transform:translateY(-3px);box-shadow:0 7px 20px #8a2be299}.btn--outline{background:transparent;border:2px solid var(--primary);color:var(--primary)}.btn--outline:hover{background:var(--primary);color:#fff}.header{position:fixed;top:0;left:0;width:100%;z-index:1000;padding:20px 0;transition:var(--transition)}.header.scrolled{background-color:#0a0a0af2;padding:15px 0;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.header__inner{display:flex;justify-content:space-between;align-items:center}.logo{font-size:1.8rem;font-weight:700;color:#fff}.logo__text{background:var(--gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;-moz-background-clip:text;-moz-text-fill-color:transparent}.nav{display:flex;gap:30px}.nav__link{font-weight:500;position:relative;padding:5px 0}.nav__link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--gradient);transition:var(--transition)}.nav__link:hover:after,.nav__link.active:after{width:100%}.burger{display:none;flex-direction:column;justify-content:space-between;width:30px;height:20px;cursor:pointer;z-index:1001}.burger span{display:block;width:100%;height:3px;background:#fff;border-radius:3px;transition:var(--transition)}.burger.active span:nth-child(1){transform:translateY(8px) rotate(45deg)}.burger.active span:nth-child(2){opacity:0}.burger.active span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}body.no-particles .hero{background:linear-gradient(135deg,#1a1a2e,#16213e)}body.no-particles .hero__overlay{background:#0009}.hero{height:100vh;min-height:700px;display:flex;align-items:center;position:relative;overflow:hidden;padding-top:80px}.hero:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(#0a0a0ab3,#0a0a0ae6);z-index:1}.hero__content{position:relative;z-index:2;max-width:800px;margin:0 auto;text-align:center;padding:0 20px}.hero__title{font-size:4rem;font-weight:800;margin-bottom:20px;background:var(--gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;-moz-background-clip:text;-moz-text-fill-color:transparent;color:transparent;line-height:1.2}.hero__subtitle{font-size:1.5rem;margin-bottom:40px;color:#ffffffe6}.hero__buttons{display:flex;justify-content:center;gap:20px;flex-wrap:wrap}.particles{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.about{background-color:var(--darker);position:relative;overflow:hidden}.about__content{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.about__stats{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.stat{text-align:center;padding:30px 20px;background:#ffffff0d;border-radius:var(--border-radius);transition:var(--transition);border:1px solid rgba(255,255,255,.1)}.stat:hover{transform:translateY(-5px);background:#8a2be21a;border-color:var(--primary)}.stat__number{font-size:2.5rem;font-weight:700;background:var(--gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;-moz-background-clip:text;-moz-text-fill-color:transparent;color:transparent;margin-bottom:10px}.stat__label{font-size:.9rem;color:var(--gray);text-transform:uppercase;letter-spacing:1px}.about:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:url(../images/hero/pattern.png) repeat;opacity:.05;z-index:0}.about__content{position:relative;z-index:1;display:flex;gap:50px;align-items:center}.about__text{flex:1}.about__text p{margin-bottom:20px;font-size:1.1rem;line-height:1.8;color:#fffc}.about__stats{display:flex;gap:30px;margin-top:40px;flex-wrap:wrap}.stat{text-align:center;padding:20px;background:#8a2be21a;border-radius:10px;min-width:150px;transition:var(--transition)}.stat:hover{transform:translateY(-5px);background:#8a2be233}.stat__number{font-size:2.5rem;font-weight:700;color:var(--primary);margin-bottom:5px}.stat__label{font-size:.9rem;color:#ffffffb3}.games{background-color:var(--dark);position:relative}.games__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:30px;margin-top:50px}.game-card{background:var(--gray);border-radius:15px;overflow:hidden;transition:var(--transition);box-shadow:0 10px 30px #0003}.game-card:hover{transform:translateY(-10px);box-shadow:0 15px 40px #0000004d}.game-card__image{width:100%;height:200px;overflow:hidden}.team{background-color:var(--darker);position:relative;overflow:hidden}.team-member{text-align:center;background:var(--gray);padding:30px 20px;border-radius:15px;transition:var(--transition)}.team-member:hover{transform:translateY(-10px);box-shadow:0 15px 40px #0000004d}.team-member__image{width:150px;height:150px;border-radius:50%;margin:0 auto 20px;overflow:hidden;border:5px solid rgba(138,43,226,.2)}.contact{background-color:var(--dark);position:relative}.contact__content{display:flex;gap:50px;margin-top:50px}.contact__info{flex:1}.contact__info h3{font-size:1.8rem;margin-bottom:20px;color:#fff}.contact__info p{margin-bottom:30px;color:#ffffffb3;line-height:1.8}.contact__list{list-style:none}.contact__list li{margin-bottom:15px;display:flex;align-items:center}.contact__list i{margin-right:15px;color:var(--primary);font-size:1.2rem}.contact__list a{color:#fff;text-decoration:none;transition:var(--transition)}.contact__form{flex:1;background:var(--gray);padding:40px;border-radius:15px;box-shadow:0 10px 30px #0003}.form-group input,.form-group textarea{width:100%;padding:15px 20px;border:1px solid var(--light-gray);background:#ffffff0d;border-radius:8px;color:#fff;font-family:Montserrat,sans-serif;font-size:1rem;transition:var(--transition)}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #8a2be233}.footer{background-color:var(--darker);padding:70px 0 20px}.games{background-color:var(--dark)}.games__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:30px;margin-top:50px}.game-card{background:#ffffff0d;border-radius:var(--border-radius);overflow:hidden;transition:var(--transition);border:1px solid rgba(255,255,255,.1)}.game-card:hover{transform:translateY(-10px);box-shadow:0 15px 30px #0000004d;border-color:var(--primary)}.game-card__image{height:200px;overflow:hidden}.game-card__image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:var(--transition)}.game-card:hover .game-card__image img{transform:scale(1.05)}.game-card__content{padding:25px}.game-card__title{font-size:1.5rem;margin-bottom:10px;color:#fff}.game-card__description{color:#ffffffb3;margin-bottom:20px;font-size:.95rem}.team{background-color:var(--darker)}.team__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:30px;margin-top:50px}.team-member{text-align:center;padding:30px 20px;background:#ffffff0d;border-radius:var(--border-radius);transition:var(--transition);border:1px solid rgba(255,255,255,.1)}.team-member:hover{transform:translateY(-5px);background:#8a2be21a;border-color:var(--primary)}.team-member__image{width:150px;height:150px;border-radius:50%;overflow:hidden;margin:0 auto 20px;border:3px solid var(--primary)}.team-member__image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.team-member__name{font-size:1.3rem;margin-bottom:5px;color:#fff}.team-member__role{color:var(--primary);font-size:.9rem;font-weight:500}.contact{background-color:var(--dark)}.contact__content{display:grid;grid-template-columns:1fr 1fr;gap:50px;margin-top:50px}.contact__info h3{font-size:1.5rem;margin-bottom:20px;color:#fff}.contact__list{margin-top:30px}.contact__list li{margin-bottom:15px;display:flex;align-items:center;gap:10px}.contact__list i{color:var(--primary);font-size:1.2rem;width:25px}.contact__list a{color:#fffc;transition:var(--transition)}.contact__list a:hover{color:var(--primary);padding-left:5px}.form-group{margin-bottom:20px}.form-group input,.form-group textarea{width:100%;padding:15px;border:1px solid rgba(255,255,255,.1);background:#ffffff0d;border-radius:var(--border-radius);color:#fff;font-family:Montserrat,sans-serif;font-size:1rem;transition:var(--transition)}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px #8a2be24d}.form-group textarea{min-height:150px;resize:vertical}.btn{display:inline-block;padding:12px 30px;border-radius:30px;font-weight:600;text-decoration:none;text-align:center;transition:var(--transition);cursor:pointer;border:none;font-family:Montserrat,sans-serif;font-size:1rem}.btn--primary{background:var(--gradient);color:#fff;text-transform:uppercase;letter-spacing:1px}.btn--primary:hover{transform:translateY(-3px);box-shadow:0 10px 20px #0003}.btn--outline{background:transparent;color:var(--light);border:2px solid var(--light)}.btn--outline:hover{background:var(--light);color:var(--dark)}.contact__info{max-width:600px;margin:0 auto}.contact__info h3{font-size:1.5rem;margin-bottom:20px;color:var(--light)}.contact__list{list-style:none;padding:0;margin:30px 0;display:flex;flex-direction:column;align-items:center;gap:15px}.contact__list li{display:flex;align-items:center;gap:10px}.contact__list i{color:var(--primary);font-size:1.5rem}@media (max-width: 992px){.contact__content{grid-template-columns:1fr}.contact__info{margin-bottom:40px}}.contact{background-color:var(--darker);padding:100px 0;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh}.contact .section__title{margin-bottom:30px;position:relative;display:inline-block}.contact .section__title:after{content:"";position:absolute;bottom:-15px;left:50%;transform:translate(-50%);width:80px;height:3px;background:var(--gradient);border-radius:3px}.contact__content{max-width:600px;width:100%;margin:0 auto;padding:0 20px}.contact__info h3{font-size:1.8rem;margin:40px 0 15px;color:var(--light);text-transform:uppercase;letter-spacing:1px;font-weight:600}.contact__info>p{font-size:1.1rem;color:var(--light);margin:0 auto 30px;max-width:500px;line-height:1.6;opacity:.9}.contact__list{list-style:none;padding:0;margin:50px auto 0;display:flex;flex-direction:column;align-items:center;gap:25px;max-width:400px}.contact__list li{display:flex;align-items:center;gap:15px;transition:var(--transition);width:100%;justify-content:center;padding:10px 0}.contact__list a{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--light);font-size:1.1rem;transition:var(--transition)}.contact__list i{font-size:1.5rem;color:var(--primary)}.contact__list li:hover{transform:translate(5px)}.contact__list i{color:var(--primary);font-size:1.8rem;transition:var(--transition)}.contact__list a{color:var(--light);text-decoration:none;font-size:1.2rem;transition:var(--transition);display:flex;align-items:center;gap:10px}.footer{background-color:var(--darker);padding:70px 0 20px;position:relative}.footer:before{content:"";position:absolute;top:0;left:0;width:100%;height:3px;background:var(--gradient)}.footer__content{display:flex;justify-content:space-between;align-items:center;margin-bottom:50px;flex-wrap:wrap;gap:30px}.footer__logo{font-size:1.8rem;font-weight:700;color:#fff}.footer__links{display:flex;gap:25px;flex-wrap:wrap}.footer__links a{color:#ffffffb3;text-decoration:none;transition:var(--transition)}.footer__links a:hover{color:var(--primary)}.footer__social{display:flex;gap:15px}.footer__social a{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:#ffffff0d;color:#fff;font-size:1.2rem;transition:var(--transition)}.footer__social a:hover{background:var(--primary);transform:translateY(-3px)}.footer__bottom{text-align:center;padding-top:30px;border-top:1px solid rgba(255,255,255,.1);color:#ffffff80;font-size:.9rem}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 992px){.about__content,.contact__content{flex-direction:column}.contact__info,.contact__form{width:100%}}@media (max-width: 768px){.nav{position:fixed;top:0;right:-100%;width:80%;max-width:300px;height:100vh;background:var(--darker);flex-direction:column;justify-content:center;align-items:center;transition:var(--transition);z-index:1000;box-shadow:-5px 0 30px #0003}.nav.active{right:0}.nav__link{font-size:1.2rem;margin:10px 0}.burger{display:block}.burger.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.burger.active span:nth-child(2){opacity:0}.burger.active span:nth-child(3){transform:rotate(-45deg) translate(7px,-6px)}.hero__title{font-size:3rem}.hero__subtitle{font-size:1.2rem}.hero__buttons{flex-direction:column;gap:15px}.btn--outline{margin-left:0}.section__title{font-size:2rem}.games__grid{grid-template-columns:1fr}.team__grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 576px){.hero__title{font-size:2.5rem}.about__stats{flex-direction:column;gap:20px}.stat{width:100%}.team__grid{grid-template-columns:1fr}.footer__content{flex-direction:column;text-align:center}.footer__links{justify-content:center}}.preloader{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--darker);display:flex;justify-content:center;align-items:center;z-index:9999;transition:opacity .5s ease,visibility .5s ease}.preloader.hidden{opacity:0;visibility:hidden}.loader{width:50px;height:50px;border:5px solid rgba(255,255,255,.1);border-top:5px solid var(--primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.contact{background-color:var(--darker);padding:100px 0}.contact__content{display:flex;justify-content:center;align-items:center;flex-direction:column;text-align:center;max-width:800px;margin:0 auto;padding:0 20px}.contact__info{width:100%;background:#8a2be21a;padding:40px;border-radius:var(--border-radius);box-shadow:0 10px 30px #0003;border:1px solid rgba(138,43,226,.2)}.contact__info h3{font-size:1.8rem;margin-bottom:20px;color:var(--primary)}.contact__info p{margin-bottom:30px;font-size:1.1rem;color:var(--light)}.contact__list{list-style:none;padding:0;margin:0}.contact__list li{margin-bottom:15px;display:flex;align-items:center;justify-content:center;gap:10px}.contact__list i{color:var(--primary);font-size:1.5rem;width:30px;text-align:center}.contact__list a{color:var(--light);text-decoration:none;transition:var(--transition);font-size:1.1rem}.contact__list a:hover{color:var(--primary)}@media (max-width: 768px){.contact__info{padding:30px 20px}.contact__info h3{font-size:1.5rem}.contact__list{text-align:left}.contact__list li{justify-content:flex-start}}