*{box-sizing:border-box;margin:0;padding:0}:root{--primary-color:#667eea;--primary-dark:#5a67d8;--secondary-color:#764ba2;--accent-color:#f093fb;--success-color:#48bb78;--warning-color:#ed8936;--danger-color:#f56565;--bg-primary:#0f0f23;--bg-secondary:#1a1a3a;--bg-card:hsla(0,0%,100%,.05);--bg-glass:hsla(0,0%,100%,.1);--text-primary:#fff;--text-secondary:#a0aec0;--text-muted:#718096;--gradient-primary:linear-gradient(135deg,#667eea,#764ba2);--gradient-secondary:linear-gradient(135deg,#f093fb,#f5576c);--gradient-success:linear-gradient(135deg,#4ecdc4,#44a08d);--gradient-chess:linear-gradient(135deg,#2c3e50,#34495e);--gradient-fps:linear-gradient(135deg,#ff6b6b,#ee5a24);--gradient-snake:linear-gradient(135deg,#26de81,#20bf6b);--shadow-sm:0 2px 4px rgba(0,0,0,.1);--shadow-md:0 4px 6px rgba(0,0,0,.1);--shadow-lg:0 10px 15px rgba(0,0,0,.1);--shadow-xl:0 20px 25px rgba(0,0,0,.15);--shadow-glow:0 0 20px rgba(102,126,234,.4);--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--transition-fast:0.15s ease-out;--transition-normal:0.3s ease-out;--transition-slow:0.5s ease-out}html{scroll-behavior:smooth}body{background:var(--bg-primary);color:var(--text-primary);font-family:Noto Sans SC,Orbitron,sans-serif;line-height:1.6;overflow-x:hidden}.bg-animation{background:radial-gradient(ellipse at center,rgba(102,126,234,.1) 0,transparent 70%);height:100%;left:0;position:fixed;top:0;width:100%;z-index:-1}.floating-shapes{height:100%;position:absolute;width:100%}.shape{animation:float 20s linear infinite;background:linear-gradient(45deg,rgba(102,126,234,.1),rgba(118,75,162,.1));border-radius:50%;position:absolute}.shape-1{animation-delay:0s;height:100px;left:10%;top:10%;width:100px}.shape-2{animation-delay:-5s;height:150px;right:10%;top:60%;width:150px}.shape-3{animation-delay:-10s;height:80px;left:70%;top:30%;width:80px}.shape-4{animation-delay:-15s;bottom:20%;height:120px;left:20%;width:120px}.shape-5{animation-delay:-7s;height:200px;right:30%;top:5%;width:200px}.shape-6{animation-delay:-12s;bottom:10%;height:90px;right:50%;width:90px}@keyframes float{0%,to{opacity:.3;transform:translateY(0) rotate(0deg)}25%{opacity:.6;transform:translateY(-20px) rotate(90deg)}50%{opacity:.3;transform:translateY(-40px) rotate(180deg)}75%{opacity:.6;transform:translateY(-20px) rotate(270deg)}}.container{margin:0 auto;max-width:1400px;padding:0 var(--spacing-lg)}.header{backdrop-filter:blur(10px);background:rgba(15,15,35,.9);border-bottom:1px solid hsla(0,0%,100%,.1);left:0;position:fixed;right:0;top:0;transition:var(--transition-normal);z-index:1000}.header-content{justify-content:space-between;margin:0 auto;max-width:1400px;padding:var(--spacing-md) var(--spacing-lg)}.header-content,.logo{align-items:center;display:flex}.logo{gap:var(--spacing-sm)}.logo-icon{animation:pulse 2s infinite;font-size:2rem}.logo-text{background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;font-family:Orbitron,monospace;font-size:1.5rem;font-weight:700;-webkit-text-fill-color:transparent}.nav{display:flex;gap:var(--spacing-xl)}.nav-link{color:var(--text-secondary);font-weight:500;padding:var(--spacing-sm) 0;position:relative;text-decoration:none;transition:var(--transition-normal)}.nav-link:hover{color:var(--text-primary)}.nav-link:after{background:var(--gradient-primary);bottom:0;content:"";height:2px;left:0;position:absolute;transition:var(--transition-normal);width:0}.nav-link:hover:after{width:100%}.hero{align-items:center;display:flex;min-height:60vh;padding:var(--spacing-xl) 0;position:relative}.hero-content{flex:1;max-width:600px}.hero-title{margin-bottom:var(--spacing-xl)}.hero-title-main{background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;display:block;font-size:2.8rem;font-weight:900;line-height:1.1;-webkit-text-fill-color:transparent;margin-bottom:var(--spacing-sm)}.hero-title-sub{display:block;font-family:Orbitron,monospace;font-weight:400;letter-spacing:.1em;text-transform:uppercase}.hero-description,.hero-title-sub{color:var(--text-secondary);font-size:1.2rem}.hero-description{line-height:1.7;margin-bottom:var(--spacing-2xl)}.cta-button{background:var(--gradient-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-glow);color:#fff;display:inline-block;font-size:1.1rem;font-weight:600;overflow:hidden;padding:var(--spacing-lg) var(--spacing-2xl);position:relative;text-decoration:none;transition:var(--transition-normal)}.cta-button:hover{box-shadow:0 0 30px rgba(102,126,234,.6);transform:translateY(-2px)}.cta-button-bg{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent);height:100%;left:-100%;position:absolute;top:0;transition:var(--transition-slow);width:100%}.cta-button:hover .cta-button-bg{left:100%}.hero-visual{align-items:center;display:flex;flex:1;justify-content:center}.hero-game-icons{height:300px;position:relative;width:300px}.game-icon{align-items:center;animation:orbit 10s linear infinite;backdrop-filter:blur(10px);background:var(--bg-glass);border:1px solid hsla(0,0%,100%,.1);border-radius:50%;display:flex;font-size:4rem;height:100px;justify-content:center;position:absolute;width:100px}.icon-1{animation-delay:0s;left:50%;top:0;transform:translateX(-50%)}.icon-2{animation-delay:-3.33s;bottom:0;right:0}.icon-3{animation-delay:-6.66s;bottom:0;left:0}@keyframes orbit{0%{transform:rotate(0deg) translateX(100px) rotate(0deg)}to{transform:rotate(1turn) translateX(100px) rotate(-1turn)}}.about-section,.games-section{padding:var(--spacing-xl) 0}.section-header{margin-bottom:var(--spacing-xl);text-align:center}.section-title{background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;font-size:2.2rem;font-weight:700;margin-bottom:var(--spacing-md);-webkit-text-fill-color:transparent}.section-subtitle{color:var(--text-secondary);font-size:1.1rem;margin:0 auto;max-width:600px}.games-grid{display:grid;gap:var(--spacing-xl);grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin-top:var(--spacing-2xl)}.game-card{cursor:pointer;height:400px;perspective:1000px}.game-card-inner{height:100%;position:relative;text-align:center;transform-style:preserve-3d;transition:transform .6s;width:100%;z-index:1}.game-card:hover .game-card-inner{transform:rotateY(180deg)}.game-card-back,.game-card-front{backface-visibility:hidden;border:1px solid hsla(0,0%,100%,.1);border-radius:var(--radius-2xl);height:100%;overflow:hidden;position:absolute;width:100%}.game-card-back{transform:rotateY(180deg);z-index:2}.game-card-bg{height:100%;left:0;opacity:.1;position:absolute;top:0;transition:var(--transition-normal);width:100%}.chess-bg{background:var(--gradient-chess)}.fps-bg{background:var(--gradient-fps)}.snake-bg{background:var(--gradient-snake)}.chess-bg-hover{background:var(--gradient-chess);opacity:.2}.fps-bg-hover{background:var(--gradient-fps);opacity:.2}.snake-bg-hover{background:var(--gradient-snake);opacity:.2}.game-card-content{backdrop-filter:blur(10px);background:var(--bg-card);display:flex;flex-direction:column;height:100%;justify-content:center;padding:var(--spacing-xl);position:relative;z-index:1}.game-icon-large{animation:bounce 2s infinite;font-size:4rem;margin-bottom:var(--spacing-lg)}.game-title{color:var(--text-primary);font-size:1.8rem;font-weight:700;margin-bottom:var(--spacing-sm)}.game-subtitle{color:var(--text-secondary);font-family:Orbitron,monospace;font-size:.9rem;letter-spacing:.1em;text-transform:uppercase}.game-features,.game-subtitle{margin-bottom:var(--spacing-lg)}.game-features{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);justify-content:center}.feature-tag{background:rgba(102,126,234,.2);border:1px solid rgba(102,126,234,.3);border-radius:var(--radius-lg);color:var(--text-primary);font-size:.8rem;font-weight:500;padding:var(--spacing-xs) var(--spacing-md)}.game-description{color:var(--text-secondary);line-height:1.6;margin-bottom:var(--spacing-lg)}.game-stats{margin-bottom:var(--spacing-xl)}.stat{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-md)}.stat-label{min-width:60px}.stat-bar{background:hsla(0,0%,100%,.1);flex:1;height:6px;margin-left:var(--spacing-md);overflow:hidden}.stat-bar,.stat-fill{border-radius:var(--radius-sm)}.stat-fill{height:100%;transition:width 1s ease-out}.play-button,.stat-fill{background:var(--gradient-primary)}.play-button{border:none;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);color:#fff;cursor:pointer!important;font-size:1rem;font-weight:600;overflow:hidden;padding:var(--spacing-md) var(--spacing-xl);pointer-events:auto!important;position:relative;transition:var(--transition-normal);z-index:20}.play-button:hover{box-shadow:var(--shadow-xl);transform:translateY(-2px)}.play-button-bg{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent);height:100%;left:-100%;position:absolute;top:0;transition:var(--transition-slow);width:100%}.play-button:hover .play-button-bg{left:100%}.about-content{align-items:center;display:grid;gap:var(--spacing-2xl);grid-template-columns:1fr 1fr}.about-text h3{color:var(--text-primary);font-size:1.5rem;margin-bottom:var(--spacing-md)}.about-text p{color:var(--text-secondary);line-height:1.7;margin-bottom:var(--spacing-lg)}.feature-list{list-style:none}.feature-list li{color:var(--text-secondary);font-size:1.1rem;padding:var(--spacing-sm) 0}.stats-grid{display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(3,1fr)}.stat-card{backdrop-filter:blur(10px);background:var(--bg-glass);border:1px solid hsla(0,0%,100%,.1);border-radius:var(--radius-xl);padding:var(--spacing-xl);text-align:center;transition:var(--transition-normal)}.stat-card:hover{box-shadow:var(--shadow-xl);transform:translateY(-5px)}.stat-number{color:var(--primary-color);font-size:2.5rem;font-weight:900;margin-bottom:var(--spacing-sm)}.stat-label{color:var(--text-secondary);font-size:.9rem;letter-spacing:.05em;text-transform:uppercase}.footer{background:var(--bg-secondary);border-top:1px solid hsla(0,0%,100%,.1);padding:var(--spacing-2xl) 0}.footer-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1400px;padding:0 var(--spacing-lg)}.footer-description{color:var(--text-secondary);margin-top:var(--spacing-sm);max-width:300px}.social-links{display:flex;gap:var(--spacing-lg);margin-bottom:var(--spacing-md)}.social-link{color:var(--text-secondary);text-decoration:none;transition:var(--transition-normal)}.social-link:hover{color:var(--primary-color)}.copyright{color:var(--text-muted);font-size:.9rem}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes bounce{0%,20%,53%,80%,to{transform:translateY(0)}40%,43%{transform:translateY(-10px)}70%{transform:translateY(-5px)}90%{transform:translateY(-2px)}}@media (max-width:1024px){.container{padding:0 var(--spacing-md)}.hero{flex-direction:column;text-align:center}.hero-title-main{font-size:2.5rem}.games-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.about-content{gap:var(--spacing-xl);grid-template-columns:1fr}.stats-grid{gap:var(--spacing-md);grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.header-content{flex-direction:column;gap:var(--spacing-md)}.nav{gap:var(--spacing-lg)}.hero-title-main{font-size:2rem}.hero-description{font-size:1rem}.games-grid{gap:var(--spacing-lg);grid-template-columns:1fr}.game-card{height:350px}.footer-content{flex-direction:column;gap:var(--spacing-lg);text-align:center}.stats-grid{gap:var(--spacing-md);grid-template-columns:1fr}}@media (max-width:480px){.hero-visual{display:none}.hero-title-main{font-size:1.8rem}.section-title{font-size:2rem}.game-card-content{padding:var(--spacing-lg)}.nav{flex-wrap:wrap;gap:var(--spacing-md);justify-content:center}}