*{margin:0;padding:0;box-sizing:border-box}:root{--primary-bg: #0A0A0A;--secondary-bg: #1A1A2E;--accent-purple: #7B2CBF;--accent-blue: #00D9FF;--text-primary: #FFFFFF;--text-secondary: #B0B0B0;--border-color: #2A2A3E;--transition: all .3s ease}html{scroll-behavior:smooth}body{font-family:Rajdhani,sans-serif;background-color:var(--primary-bg);color:var(--text-primary);line-height:1.6;overflow-x:hidden}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--primary-bg)}::-webkit-scrollbar-thumb{background:var(--accent-purple);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--accent-blue)}.container{max-width:1200px;margin:0 auto;padding:0 20px}.navbar{position:fixed;top:0;left:0;right:0;background:#0a0a0af2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1rem 0;z-index:1000;border-bottom:2px solid var(--border-color)}.nav-content{display:flex;justify-content:space-between;align-items:center}.logo{display:flex;align-items:center;gap:12px;font-family:Orbitron,sans-serif;font-size:24px;font-weight:700;color:var(--accent-purple)}.logo img{width:40px;height:40px;object-fit:contain}.nav-links{display:flex;gap:2rem}.nav-link{font-family:Orbitron,sans-serif;font-size:16px;font-weight:600;color:var(--text-secondary);text-decoration:none;transition:var(--transition);position:relative}.nav-link:after{content:"";position:absolute;bottom:-5px;left:0;width:0;height:2px;background:var(--accent-purple);transition:var(--transition)}.nav-link:hover,.nav-link.active{color:var(--accent-purple)}.nav-link:hover:after,.nav-link.active:after{width:100%}.mobile-menu-btn{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer}.mobile-menu-btn span{width:25px;height:3px;background:var(--accent-purple);transition:var(--transition)}.mobile-menu{display:none;position:fixed;top:70px;left:0;right:0;background:#1a1a2efa;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:2rem;z-index:999;transform:translateY(-100%);transition:var(--transition)}.mobile-menu.active{transform:translateY(0)}.mobile-link{display:block;padding:1rem;color:var(--text-primary);text-decoration:none;font-family:Orbitron,sans-serif;font-size:18px;text-align:center;transition:var(--transition)}.mobile-link:hover{color:var(--accent-purple);background:#7b2cbf1a}.hero{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;padding-top:80px;overflow:hidden}.hero-image{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.hero-image img{width:100%;height:100%;object-fit:cover}.hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#0a0a0ae6,#7b2cbf4d);z-index:1}.hero-content{position:relative;z-index:2;text-align:center;max-width:800px;padding:2rem}.hero-title{font-family:Orbitron,sans-serif;font-size:48px;font-weight:700;margin-bottom:1rem;background:linear-gradient(135deg,var(--accent-purple),var(--accent-blue));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:fadeInUp 1s ease}.hero-subtitle{font-size:24px;color:var(--text-secondary);margin-bottom:2rem;animation:fadeInUp 1s ease .2s backwards}.hero-buttons{display:flex;gap:1rem;justify-content:center;animation:fadeInUp 1s ease .4s backwards}.btn{padding:12px 32px;border-radius:8px;font-family:Orbitron,sans-serif;font-size:16px;font-weight:600;text-decoration:none;transition:var(--transition);cursor:pointer;border:none}.btn-primary{background:var(--accent-purple);color:var(--text-primary)}.btn-primary:hover{background:#9333ea;transform:translateY(-2px);box-shadow:0 8px 20px #7b2cbf66}.btn-secondary{background:transparent;color:var(--text-primary);border:2px solid var(--accent-purple)}.btn-secondary:hover{background:var(--accent-purple);transform:translateY(-2px)}.search-section{padding:3rem 0;background:var(--secondary-bg)}.search-bar{display:flex;max-width:600px;margin:0 auto;background:var(--primary-bg);border:2px solid var(--border-color);border-radius:12px;overflow:hidden;transition:var(--transition)}.search-bar:focus-within{border-color:var(--accent-purple);box-shadow:0 0 20px #7b2cbf4d}.search-bar input{flex:1;padding:15px 20px;background:transparent;border:none;color:var(--text-primary);font-size:16px;outline:none}.search-btn{padding:15px 20px;background:var(--accent-purple);border:none;color:var(--text-primary);cursor:pointer;transition:var(--transition)}.search-btn:hover{background:#9333ea}.section-title{font-family:Orbitron,sans-serif;font-size:36px;font-weight:700;text-align:center;margin-bottom:3rem;background:linear-gradient(135deg,var(--accent-purple),var(--accent-blue));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.featured-games{padding:5rem 0}.games-section{padding:5rem 0;background:var(--secondary-bg)}.filter-tabs{display:flex;justify-content:center;gap:1rem;margin-bottom:3rem;flex-wrap:wrap}.filter-tab{padding:12px 24px;background:var(--primary-bg);border:2px solid var(--border-color);border-radius:8px;color:var(--text-secondary);font-family:Orbitron,sans-serif;font-size:16px;font-weight:600;cursor:pointer;transition:var(--transition)}.filter-tab:hover,.filter-tab.active{background:var(--accent-purple);border-color:var(--accent-purple);color:var(--text-primary)}.games-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px}.game-card{background:var(--secondary-bg);border:2px solid var(--border-color);border-radius:12px;overflow:hidden;transition:var(--transition);cursor:pointer}.game-card:hover{transform:translateY(-8px);box-shadow:0 12px 30px #7b2cbf4d;border-color:var(--accent-purple)}.game-image{width:100%;height:200px;object-fit:cover}.game-content{padding:1.5rem}.game-title{font-family:Orbitron,sans-serif;font-size:20px;font-weight:600;margin-bottom:.5rem;color:var(--text-primary)}.game-platform{display:inline-block;padding:4px 12px;background:var(--accent-purple);border-radius:4px;font-size:12px;font-weight:600;margin-bottom:.5rem}.game-description{color:var(--text-secondary);font-size:14px;margin-bottom:1rem;line-height:1.6}.game-requirements{background:var(--primary-bg);padding:1rem;border-radius:8px;margin-bottom:1rem}.game-requirements h4{font-family:Orbitron,sans-serif;font-size:14px;color:var(--accent-blue);margin-bottom:.5rem}.game-requirements ul{list-style:none;font-size:13px;color:var(--text-secondary)}.game-requirements li{padding:4px 0}.game-download{width:100%;padding:12px;background:var(--accent-purple);color:var(--text-primary);border:none;border-radius:8px;font-family:Orbitron,sans-serif;font-size:16px;font-weight:600;cursor:pointer;transition:var(--transition)}.game-download:hover{background:#9333ea;transform:scale(1.02)}.news-section{padding:5rem 0}.news-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:24px}.news-card{background:var(--secondary-bg);border:2px solid var(--border-color);border-radius:12px;overflow:hidden;transition:var(--transition)}.news-card:hover{transform:translateY(-8px);box-shadow:0 12px 30px #00d9ff33;border-color:var(--accent-blue)}.news-image{width:100%;height:200px;object-fit:cover}.news-content{padding:1.5rem}.news-badge{display:inline-block;padding:4px 12px;background:var(--accent-blue);border-radius:4px;font-size:12px;font-weight:600;margin-bottom:.5rem}.news-title{font-family:Orbitron,sans-serif;font-size:20px;font-weight:600;margin-bottom:.5rem;color:var(--text-primary)}.news-date{color:var(--text-secondary);font-size:14px;margin-bottom:1rem}.news-description{color:var(--text-secondary);font-size:14px;line-height:1.6}.about-section{padding:5rem 0;background:var(--secondary-bg)}.about-content{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center}.about-image img{width:100%;border-radius:12px;box-shadow:0 12px 30px #7b2cbf4d}.about-text p{color:var(--text-secondary);font-size:16px;line-height:1.8;margin-bottom:1.5rem}.about-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:2rem}.stat{text-align:center;padding:1.5rem;background:var(--primary-bg);border-radius:12px;border:2px solid var(--border-color)}.stat h3{font-family:Orbitron,sans-serif;font-size:32px;color:var(--accent-purple);margin-bottom:.5rem}.stat p{color:var(--text-secondary);font-size:14px}.contact-section{padding:5rem 0}.contact-content{display:grid;grid-template-columns:2fr 1fr;gap:3rem}.contact-form{background:var(--secondary-bg);padding:2rem;border-radius:12px;border:2px solid var(--border-color)}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-family:Orbitron,sans-serif;font-size:14px;color:var(--accent-purple)}.form-group input,.form-group textarea{width:100%;padding:12px;background:var(--primary-bg);border:2px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:16px;transition:var(--transition)}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--accent-purple);box-shadow:0 0 10px #7b2cbf4d}.contact-info{background:var(--secondary-bg);padding:2rem;border-radius:12px;border:2px solid var(--border-color)}.contact-info h3{font-family:Orbitron,sans-serif;font-size:20px;margin-bottom:1.5rem;color:var(--accent-blue)}.info-item{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;color:var(--text-secondary)}.info-item svg{color:var(--accent-purple)}.footer{background:var(--secondary-bg);padding:3rem 0 1rem;border-top:2px solid var(--border-color)}.footer-content{display:grid;grid-template-columns:1fr 2fr 1fr;gap:2rem;margin-bottom:2rem;align-items:center}.footer-logo{display:flex;align-items:center;gap:12px;font-family:Orbitron,sans-serif;font-size:20px;font-weight:700;color:var(--accent-purple)}.footer-logo img{width:40px;height:40px;object-fit:contain}.footer-links{display:flex;justify-content:center;gap:2rem;flex-wrap:wrap}.footer-links a{color:var(--text-secondary);text-decoration:none;transition:var(--transition)}.footer-links a:hover{color:var(--accent-purple)}.footer-social{display:flex;justify-content:flex-end;gap:1rem}.social-link{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--primary-bg);border:2px solid var(--border-color);border-radius:50%;color:var(--text-secondary);transition:var(--transition)}.social-link:hover{background:var(--accent-purple);border-color:var(--accent-purple);color:var(--text-primary);transform:translateY(-3px)}.footer-bottom{text-align:center;padding-top:2rem;border-top:1px solid var(--border-color);color:var(--text-secondary)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.nav-links{display:none}.mobile-menu-btn{display:flex}.mobile-menu{display:block}.hero-title{font-size:32px}.hero-subtitle{font-size:18px}.hero-buttons{flex-direction:column}.games-grid,.news-grid,.about-content,.about-stats,.contact-content{grid-template-columns:1fr}.footer-content{grid-template-columns:1fr;text-align:center}.footer-social{justify-content:center}.filter-tabs{flex-direction:column}}@media (max-width: 480px){.hero-title{font-size:24px}.section-title{font-size:28px}}