:root{--primary-color: #ff4757;--secondary-color: #2ed573;--dark-bg: #0f0f1e;--card-bg: #1a1a2e;--text-primary: #ffffff;--text-secondary: #cccccc;--accent-color: #ff6348;--border-color: rgba(255, 255, 255, .1);--font-main: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif}body{font-family:var(--font-main);background:var(--dark-bg);color:var(--text-primary);line-height:1.6;overflow-x:hidden}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 20px}.header{background:#0f0f1ef2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:fixed;top:0;left:0;width:100%;z-index:1000;padding:20px 0;border-bottom:1px solid rgba(255,255,255,.1)}.navbar{display:flex;align-items:center;justify-content:space-between}.logo h1{font-size:2rem;font-weight:700;background:linear-gradient(45deg,var(--primary-color),var(--accent-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav-links{display:flex;list-style:none;gap:30px}.nav-links a{color:var(--text-primary);text-decoration:none;font-weight:500;transition:color .3s ease;position:relative}.nav-links a:hover{color:var(--primary-color)}.nav-links a:after{content:"";position:absolute;bottom:-5px;left:0;width:0;height:2px;background:var(--primary-color);transition:width .3s ease}.nav-links a:hover:after{width:100%}.user-actions .play-btn{background:var(--primary-color);color:#fff;border:none;padding:12px 24px;border-radius:30px;font-weight:700;cursor:pointer;transition:all .3s ease}.user-actions .play-btn:hover{background:#ff3742;transform:scale(1.05)}.hero{height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(#0009,#000c),url(https://via.placeholder.com/1920x1080) center/cover no-repeat;text-align:center;padding:80px 20px 0;margin-top:-80px}.hero-content{max-width:800px}.hero-content h2{font-size:3.5rem;margin-bottom:20px;line-height:1.2}.hero-content p{font-size:1.2rem;margin-bottom:30px;color:var(--text-secondary)}.hero-buttons{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}.primary-btn{background:var(--primary-color);color:#fff;border:none;padding:15px 30px;border-radius:30px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s ease}.primary-btn:hover{background:#ff3742;transform:translateY(-3px);box-shadow:0 10px 20px #ff47574d}.secondary-btn{background:transparent;color:#fff;border:2px solid white;padding:15px 30px;border-radius:30px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s ease}.secondary-btn:hover{background:#fff;color:var(--dark-bg);transform:translateY(-3px)}.featured-games{padding:100px 0}.featured-games h2{font-size:2.5rem;margin-bottom:40px;text-align:center;position:relative}.featured-games h2:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:100px;height:4px;background:var(--primary-color);border-radius:2px}.game-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:30px;margin-bottom:40px}.view-more{display:block;text-align:center;color:var(--primary-color);text-decoration:none;font-weight:700;font-size:1.1rem;transition:all .3s ease}.view-more:hover{color:#ff3742;transform:translateY(-2px)}.latest-news{padding:100px 0;background:linear-gradient(135deg,var(--dark-bg),#1e1e2f)}.latest-news h2{font-size:2.5rem;margin-bottom:40px;text-align:center;position:relative}.latest-news h2:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:100px;height:4px;background:var(--secondary-color);border-radius:2px}.news-slider{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:30px}.news-item{background:var(--card-bg);border-radius:12px;overflow:hidden;transition:transform .3s ease}.news-item:hover{transform:translateY(-5px)}.news-item img{width:100%;height:200px;object-fit:cover}.news-item h3{padding:20px 20px 10px;font-size:1.3rem}.news-item p{padding:0 20px 15px;color:var(--text-secondary)}.news-item span{display:block;padding:0 20px 20px;color:var(--accent-color);font-size:.9rem}.gameplay-showcase{padding:100px 0}.gameplay-showcase h2{font-size:2.5rem;margin-bottom:40px;text-align:center;position:relative}.gameplay-showcase h2:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:100px;height:4px;background:var(--accent-color);border-radius:2px}.video-container{background:var(--card-bg);padding:20px;border-radius:12px;box-shadow:0 10px 30px #0000004d}.video-container iframe{border-radius:8px}.reviews-section{padding:100px 0;background:linear-gradient(135deg,#1e1e2f,var(--dark-bg))}.reviews-section h2{font-size:2.5rem;margin-bottom:40px;text-align:center;position:relative}.reviews-section h2:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:100px;height:4px;background:var(--primary-color);border-radius:2px}.reviews-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px}.review-item{background:var(--card-bg);padding:30px;border-radius:12px;border-left:4px solid var(--primary-color)}.review-item h4{font-size:1.2rem;margin-bottom:10px}.rating{color:#ffb400;font-size:1.2rem;margin-bottom:15px}.review-item p{color:var(--text-secondary);font-style:italic}.footer{background:#0a0a1a;padding:80px 0 40px;border-top:1px solid rgba(255,255,255,.1)}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:40px;margin-bottom:40px}.footer-section h3{font-size:1.5rem;margin-bottom:20px}.footer-section h4{font-size:1.1rem;margin-bottom:20px;color:var(--accent-color)}.footer-section ul{list-style:none}.footer-section ul li{margin-bottom:10px}.footer-section ul li a{color:var(--text-secondary);text-decoration:none;transition:color .3s ease}.footer-section ul li a:hover{color:var(--primary-color)}.copyright{text-align:center;padding-top:20px;border-top:1px solid rgba(255,255,255,.1);color:var(--text-secondary)}@media(max-width:768px){.nav-links{display:none}.hero-content h2{font-size:2.5rem}.game-grid,.news-slider,.reviews-grid{grid-template-columns:1fr}.featured-games h2,.latest-news h2,.gameplay-showcase h2,.reviews-section h2{font-size:2rem}}@media(max-width:480px){.hero-content h2{font-size:2rem}.hero-content p{font-size:1rem}.hero-buttons{flex-direction:column;align-items:center}.primary-btn,.secondary-btn{width:100%;max-width:300px}}:root{--primary-color: #ff4136;--accent-color: #ff851b;--secondary-color: #0074d9;--dark-bg: #111111;--card-bg: #1a1a1a;--text-primary: #ffffff;--text-secondary: #b0b0b0;--border-color: #333333}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--dark-bg);color:var(--text-primary);line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.3;margin-bottom:1rem}h1{font-size:3rem}h2{font-size:2.5rem}h3{font-size:2rem}p{margin-bottom:1rem}a{color:var(--text-primary);text-decoration:none;transition:color .3s ease}a:hover{color:var(--primary-color)}.btn{display:inline-block;padding:12px 24px;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none;text-align:center}.btn-primary{background:linear-gradient(135deg,var(--primary-color),var(--accent-color));color:#fff}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 20px #ff41364d}.container{width:100%;max-width:1400px;margin:0 auto;padding:0 20px}.header{position:fixed;top:0;left:0;right:0;z-index:1000;padding:20px 0;transition:all .3s ease}.header-scrolled{background-color:#111111f2;padding:15px 0;box-shadow:0 5px 20px #0000004d}.header-inner{display:flex;align-items:center;justify-content:space-between}.logo .logo-text{font-size:1.8rem;font-weight:800;text-transform:uppercase;background:linear-gradient(135deg,var(--primary-color),var(--accent-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav-list{display:flex;list-style:none;gap:30px}.nav-link{font-size:1rem;font-weight:500;position:relative}.nav-link:after{content:"";position:absolute;bottom:-5px;left:0;width:0;height:2px;background:linear-gradient(90deg,var(--primary-color),var(--accent-color));transition:width .3s ease}.nav-link:hover:after{width:100%}.mobile-menu-btn{display:none;background:none;border:none;cursor:pointer}.menu-icon{display:block;width:30px;height:3px;background-color:var(--text-primary);position:relative;transition:all .3s ease}.menu-icon:before,.menu-icon:after{content:"";position:absolute;width:30px;height:3px;background-color:var(--text-primary);transition:all .3s ease}.menu-icon:before{top:-8px}.menu-icon:after{bottom:-8px}.menu-icon.open{background-color:transparent}.menu-icon.open:before{transform:rotate(45deg);top:0}.menu-icon.open:after{transform:rotate(-45deg);bottom:0}.nav-mobile{position:fixed;top:0;right:-100%;width:300px;height:100vh;background-color:var(--card-bg);padding:80px 20px;transition:right .3s ease;z-index:999;box-shadow:-5px 0 20px #0000004d}.nav-mobile.open{right:0}.nav-mobile-list{list-style:none}.nav-mobile-item{margin-bottom:20px}.nav-mobile-link{display:block;font-size:1.2rem;font-weight:500;padding:10px 0}.main{min-height:100vh;margin-top:80px}.footer{background-color:var(--dark-bg);padding:40px 0;margin-top:100px}.footer-content{margin-bottom:40px}.footer-bottom{border-top:1px solid var(--border-color);padding-top:30px;text-align:center;color:var(--text-secondary)}.footer-links{display:flex;justify-content:center;align-items:center;gap:15px;margin-bottom:15px}.footer-link{color:var(--text-secondary);font-size:.9rem;transition:color .3s ease}.footer-link:hover{color:var(--primary-color)}.footer-separator{color:var(--border-color)}@media(max-width:992px){.nav-desktop,.header-cta{display:none}.mobile-menu-btn{display:block}}@media(max-width:768px){h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.5rem}}@media(max-width:480px){h1{font-size:2rem}.header{padding:15px 0}.logo .logo-text{font-size:1.5rem}.nav-mobile{width:100%}.footer{padding:40px 0 30px}}.text-center{text-align:center}.text-primary{color:var(--primary-color)}.mb-0{margin-bottom:0}.mt-0{margin-top:0}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .6s ease forwards}@keyframes slideIn{0%{transform:translate(-100%)}to{transform:translate(0)}}.slide-in{animation:slideIn .6s ease forwards}