:root{--color-bg-primary:#0a0a0f;--color-bg-secondary:#12121a;--color-bg-card:rgba(255, 255, 255, 0.03);--color-bg-card-hover:rgba(255, 255, 255, 0.08);--color-accent-primary:#6366f1;--color-accent-secondary:#8b5cf6;--color-accent-gradient:linear-gradient(135deg, #6366f1 0%, #8b5cf6 50%, #a855f7 100%);--color-text-primary:#ffffff;--color-text-secondary:rgba(255, 255, 255, 0.7);--color-text-muted:rgba(255, 255, 255, 0.4);--color-border:rgba(255, 255, 255, 0.1);--color-border-hover:rgba(255, 255, 255, 0.2);--spacing-xs:0.5rem;--spacing-sm:1rem;--spacing-md:1.5rem;--spacing-lg:2rem;--spacing-xl:3rem;--spacing-2xl:5rem;--font-family:'Inter', -apple-system, BlinkMacSystemFont, sans-serif;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.5rem;--font-size-2xl:2rem;--font-size-3xl:3rem;--font-size-4xl:4rem;--radius-sm:0.5rem;--radius-md:1rem;--radius-lg:1.5rem;--radius-full:9999px;--transition-fast:150ms ease;--transition-base:300ms ease;--transition-slow:500ms ease;--shadow-glow:0 0 60px rgba(99, 102, 241, 0.3);--shadow-card:0 4px 24px rgba(0, 0, 0, 0.2)}*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-family);background-color:var(--color-bg-primary);color:var(--color-text-primary);line-height:1.6;overflow-x:hidden;min-height:100vh;display:flex;flex-direction:column}main{flex:1}a{text-decoration:none;color:inherit}button{border:none;background:0 0;cursor:pointer;font-family:inherit}.bg-animation{position:fixed;inset:0;z-index:-1;overflow:hidden}.bg-gradient{position:absolute;inset:0;background:radial-gradient(ellipse 80% 50% at 50% -20%,rgba(99,102,241,.15),transparent),radial-gradient(ellipse 60% 40% at 80% 100%,rgba(139,92,246,.1),transparent),radial-gradient(ellipse 40% 30% at 10% 50%,rgba(168,85,247,8%),transparent)}.floating-shapes{position:absolute;inset:0}.shape{position:absolute;border-radius:50%;background:var(--color-accent-gradient);opacity:.03;filter:blur(60px);animation:float 20s infinite ease-in-out}.shape-1{width:600px;height:600px;top:-200px;right:-200px;animation-delay:0s}.shape-2{width:400px;height:400px;bottom:10%;left:-100px;animation-delay:-5s}.shape-3{width:300px;height:300px;top:40%;right:10%;animation-delay:-10s}.shape-4{width:200px;height:200px;bottom:30%;right:30%;animation-delay:-15s}.shape-5{width:350px;height:350px;top:60%;left:20%;animation-delay:-8s}@keyframes float{0%,100%{transform:translate(0,0)scale(1)}25%{transform:translate(30px,-30px)scale(1.05)}50%{transform:translate(-20px,20px)scale(.95)}75%{transform:translate(-30px,-20px)scale(1.02)}}.header{position:fixed;top:0;left:0;right:0;z-index:100;padding:var(--spacing-sm)var(--spacing-lg);background:rgba(10,10,15,.8);backdrop-filter:blur(20px);border-bottom:1px solid var(--color-border);transition:var(--transition-base)}.header-container{max-width:1400px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.logo{display:flex;align-items:center;gap:var(--spacing-xs);font-weight:700;font-size:var(--font-size-xl)}.logo-icon{font-size:1.5rem}.logo-text{background:var(--color-accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav-desktop{display:flex;gap:var(--spacing-lg)}.nav-link{color:var(--color-text-secondary);font-weight:500;transition:var(--transition-fast);position:relative;padding:var(--spacing-xs)0}.nav-link::after{content:'';position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--color-accent-gradient);transition:var(--transition-base)}.nav-link:hover{color:var(--color-text-primary)}.nav-link:hover::after{width:100%}.hamburger{display:none;flex-direction:column;gap:5px;padding:var(--spacing-xs)}.hamburger span{display:block;width:24px;height:2px;background:var(--color-text-primary);transition:var(--transition-base)}.hamburger.active span:nth-child(1){transform:rotate(45deg)translate(5px,5px)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:rotate(-45deg)translate(5px,-5px)}.nav-mobile{display:none;flex-direction:column;padding:var(--spacing-md)0;gap:var(--spacing-sm);max-height:0;overflow:hidden;transition:max-height var(--transition-base)}.nav-mobile.active{max-height:200px}.nav-link-mobile{color:var(--color-text-secondary);font-weight:500;padding:var(--spacing-xs)var(--spacing-lg);transition:var(--transition-fast)}.nav-link-mobile:hover{color:var(--color-text-primary);background:var(--color-bg-card)}.hero{display:flex;align-items:center;justify-content:center;text-align:center;padding:calc(80px + var(--spacing-xl))var(--spacing-lg)var(--spacing-lg);max-width:1000px;margin:0 auto}.hero-content{flex:1;max-width:700px}.hero-title{font-size:clamp(2.5rem,6vw,4rem);font-weight:800;line-height:1.1;margin-bottom:var(--spacing-md)}.title-line{display:block;opacity:0;transform:translateY(30px);animation:slideUp .8s ease forwards}.title-highlight{display:block;color:var(--color-text-primary);opacity:0;transform:translateY(30px);animation:slideUp .8s ease .2s forwards}@keyframes slideUp{to{opacity:1;transform:translateY(0)}}.hero-subtitle{font-size:var(--font-size-lg);color:var(--color-text-secondary);margin-bottom:var(--spacing-md);max-width:550px;margin-left:auto;margin-right:auto;opacity:0;animation:fadeIn .8s ease .4s forwards}.subtitle-highlight{background:var(--color-accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:600}@keyframes fadeIn{to{opacity:1}}.hero-cta{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-xl);opacity:0;animation:fadeIn .8s ease .6s forwards}.btn{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm)var(--spacing-lg);border-radius:var(--radius-full);font-weight:600;font-size:var(--font-size-base);transition:var(--transition-base)}.btn-primary{background:var(--color-accent-gradient);color:#fff;box-shadow:0 4px 20px rgba(99,102,241,.4)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 30px rgba(99,102,241,.5)}.btn-primary svg{transition:var(--transition-fast)}.btn-primary:hover svg{transform:translateX(4px)}.btn-secondary{background:var(--color-bg-card);color:var(--color-text-primary);border:1px solid var(--color-border)}.btn-secondary:hover{background:var(--color-bg-card-hover);border-color:var(--color-border-hover)}.hero-stats{display:flex;align-items:center;gap:var(--spacing-lg);opacity:0;animation:fadeIn .8s ease .8s forwards}.stat{display:flex;align-items:baseline;gap:var(--spacing-xs);flex-wrap:wrap}.stat-number{font-size:var(--font-size-2xl);font-weight:700;background:var(--color-accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-suffix{font-size:var(--font-size-lg);font-weight:600;color:var(--color-text-secondary)}.stat-label{font-size:var(--font-size-sm);color:var(--color-text-muted);width:100%}.stat-icon{font-size:var(--font-size-xl)}.stat-divider{width:1px;height:40px;background:var(--color-border)}.hero-visual{flex:none;display:flex;align-items:center;justify-content:center}.game-preview-stack{position:relative;width:280px;height:350px;perspective:1000px}.preview-card{position:absolute;width:180px;height:220px;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-size:4rem;backdrop-filter:blur(10px);box-shadow:var(--shadow-card);transition:var(--transition-slow)}.preview-1{top:0;left:50%;transform:translateX(-50%)rotate(-8deg);z-index:3;animation:cardFloat 6s ease-in-out infinite}.preview-2{top:30px;left:calc(50% + 40px);transform:translateX(-50%)rotate(5deg);z-index:2;animation:cardFloat 6s ease-in-out 1s infinite}.preview-3{top:60px;left:calc(50% - 40px);transform:translateX(-50%)rotate(-3deg);z-index:1;animation:cardFloat 6s ease-in-out 2s infinite}@keyframes cardFloat{0%,100%{transform:translateX(-50%)translateY(0)rotate(var(--rotate,-8deg))}50%{transform:translateX(-50%)translateY(-15px)rotate(var(--rotate,-8deg))}}.preview-1{--rotate:-8deg}.preview-2{--rotate:5deg}.preview-3{--rotate:-3deg}.featured{padding:var(--spacing-2xl)var(--spacing-lg);max-width:1400px;margin:0 auto}.section-header{text-align:center;margin-bottom:var(--spacing-xl)}.section-tag{display:inline-block;padding:var(--spacing-xs)var(--spacing-sm);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-full);font-size:var(--font-size-sm);margin-bottom:var(--spacing-sm)}.section-title{font-size:var(--font-size-3xl);font-weight:700}.featured-grid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:repeat(2,200px);gap:var(--spacing-md)}.featured-card{position:relative;border-radius:var(--radius-lg);overflow:hidden;display:flex;align-items:flex-end;transition:var(--transition-base);border:1px solid var(--color-border)}.featured-card:hover{transform:translateY(-4px);border-color:var(--color-border-hover)}.featured-large{grid-row:span 2}.featured-bg{position:absolute;inset:0;background-size:cover;background-position:50%;opacity:.3;transition:var(--transition-base)}.featured-card:hover .featured-bg{opacity:.5;transform:scale(1.05)}.chess-bg{background:linear-gradient(135deg,#1a1a2e 0%,#16213e 100%)}.poker-bg{background:linear-gradient(135deg,#2d1b2e 0%,#1a2a1a 100%)}.pool-bg{background:linear-gradient(135deg,#0d1b2a 0%,#1b3a4b 100%)}.featured-content{position:relative;z-index:1;padding:var(--spacing-lg);background:linear-gradient(to top,rgba(0,0,0,.8) 0%,transparent 100%);width:100%}.featured-icon{font-size:2.5rem;display:block;margin-bottom:var(--spacing-xs)}.featured-content h3{font-size:var(--font-size-xl);font-weight:700;margin-bottom:var(--spacing-xs)}.featured-content p{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin-bottom:var(--spacing-sm)}.play-badge{display:inline-block;padding:var(--spacing-xs)var(--spacing-sm);background:var(--color-accent-gradient);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:600;opacity:0;transform:translateY(10px);transition:var(--transition-base)}.featured-card:hover .play-badge{opacity:1;transform:translateY(0)}.categories{padding:var(--spacing-xl)var(--spacing-lg)var(--spacing-md);max-width:1400px;margin:0 auto}.category-tabs{display:flex;gap:var(--spacing-xs);flex-wrap:wrap;justify-content:center}.category-tab{padding:var(--spacing-xs)var(--spacing-md);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-secondary);background:var(--color-bg-card);border:1px solid var(--color-border);transition:var(--transition-base)}.category-tab:hover{color:var(--color-text-primary);border-color:var(--color-border-hover)}.category-tab.active{background:var(--color-accent-gradient);color:#fff;border-color:transparent}.games{padding:var(--spacing-lg)var(--spacing-lg)var(--spacing-2xl);max-width:1400px;margin:0 auto}.games-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--spacing-md)}.game-card{position:relative;border-radius:var(--radius-md);overflow:hidden;transition:var(--transition-base);border:1px solid var(--color-border);background:var(--color-bg-card)}.game-card:hover{transform:translateY(-4px);border-color:var(--color-accent-primary);box-shadow:0 8px 30px rgba(99,102,241,.15)}.game-card.hidden{display:none}.game-card-inner{padding:var(--spacing-lg);display:flex;flex-direction:column;align-items:center;text-align:center;min-height:160px;position:relative}.game-icon{font-size:3rem;margin-bottom:var(--spacing-sm);transition:var(--transition-base)}.game-card:hover .game-icon{transform:scale(1.1)}.game-info h3{font-size:var(--font-size-base);font-weight:600;margin-bottom:var(--spacing-xs)}.game-tag{font-size:var(--font-size-xs);color:var(--color-text-muted);padding:2px 8px;background:var(--color-bg-secondary);border-radius:var(--radius-sm)}.game-hover{position:absolute;inset:0;background:rgba(99,102,241,.9);display:flex;align-items:center;justify-content:center;opacity:0;transition:var(--transition-base)}.game-card:hover .game-hover{opacity:1}.play-btn{font-weight:600;font-size:var(--font-size-base);color:#fff;padding:var(--spacing-xs)var(--spacing-md);border:2px solid #fff;border-radius:var(--radius-full);transform:translateY(10px);transition:var(--transition-base)}.game-card:hover .play-btn{transform:translateY(0)}.about{padding:var(--spacing-2xl)var(--spacing-lg);background:var(--color-bg-secondary)}.about-content{max-width:1400px;margin:0 auto;text-align:center}.about-content h2{font-size:var(--font-size-3xl);font-weight:700;margin-bottom:var(--spacing-xl)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-lg)}.feature-card{padding:var(--spacing-xl);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:var(--transition-base)}.feature-card:hover{border-color:var(--color-border-hover);transform:translateY(-4px)}.feature-icon{font-size:2.5rem;margin-bottom:var(--spacing-md)}.feature-card h4{font-size:var(--font-size-lg);font-weight:600;margin-bottom:var(--spacing-sm)}.feature-card p{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.footer{padding:var(--spacing-xl)var(--spacing-lg);border-top:1px solid var(--color-border)}.footer-content{max-width:1400px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--spacing-lg)}.footer-brand{display:flex;align-items:center;gap:var(--spacing-xs);flex-wrap:wrap}.footer-brand p{width:100%;color:var(--color-text-muted);font-size:var(--font-size-sm);margin-top:var(--spacing-xs)}.footer-links{display:flex;gap:var(--spacing-lg)}.footer-links a{color:var(--color-text-secondary);font-size:var(--font-size-sm);transition:var(--transition-fast)}.footer-links a:hover{color:var(--color-text-primary)}.footer-bottom{max-width:1400px;margin:var(--spacing-lg)auto 0;padding-top:var(--spacing-lg);border-top:1px solid var(--color-border);text-align:center}.footer-bottom p{color:var(--color-text-muted);font-size:var(--font-size-sm)}@media(max-width:1024px){.hero{flex-direction:column;text-align:center;padding-top:calc(80px + var(--spacing-xl))}.hero-content{max-width:100%}.hero-subtitle{max-width:100%;margin-left:auto;margin-right:auto}.hero-cta{justify-content:center}.hero-stats{justify-content:center}.hero-visual{margin-top:var(--spacing-xl)}.featured-grid{grid-template-columns:1fr;grid-template-rows:auto}.featured-large{grid-row:auto;min-height:250px}.featured-card{min-height:180px}}@media(max-width:768px){.nav-desktop{display:none}.hamburger{display:flex}.nav-mobile{display:flex}.hero-title{font-size:clamp(2rem,8vw,3rem)}.hero-stats{flex-wrap:wrap;gap:var(--spacing-md)}.stat-divider{display:none}.game-preview-stack{width:220px;height:280px}.preview-card{width:140px;height:170px;font-size:3rem}.games-grid{grid-template-columns:repeat(2,1fr)}.category-tabs{padding:0 var(--spacing-sm)}}@media(max-width:480px){.header{padding:var(--spacing-sm)}.hero{padding-left:var(--spacing-sm);padding-right:var(--spacing-sm)}.hero-cta{flex-direction:column}.btn{width:100%;justify-content:center}.games-grid{grid-template-columns:1fr}.footer-content{flex-direction:column;text-align:center}.footer-brand{justify-content:center}}.game-card,.featured-card,.feature-card{opacity:0;transform:translateY(20px);animation:revealCard .6s ease forwards}@keyframes revealCard{to{opacity:1;transform:translateY(0)}}.game-card:nth-child(1){animation-delay:.1s}.game-card:nth-child(2){animation-delay:.15s}.game-card:nth-child(3){animation-delay:.2s}.game-card:nth-child(4){animation-delay:.25s}.game-card:nth-child(5){animation-delay:.3s}.game-card:nth-child(6){animation-delay:.35s}.game-card:nth-child(7){animation-delay:.4s}.game-card:nth-child(8){animation-delay:.45s}.game-card:nth-child(9){animation-delay:.5s}.game-card:nth-child(10){animation-delay:.55s}.game-card:nth-child(11){animation-delay:.6s}.game-card:nth-child(12){animation-delay:.65s}.game-card:nth-child(13){animation-delay:.7s}.game-card:nth-child(14){animation-delay:.75s}.game-card:nth-child(15){animation-delay:.8s}.game-card:nth-child(16){animation-delay:.85s}.featured-card:nth-child(1){animation-delay:.1s}.featured-card:nth-child(2){animation-delay:.2s}.featured-card:nth-child(3){animation-delay:.3s}.feature-card:nth-child(1){animation-delay:.1s}.feature-card:nth-child(2){animation-delay:.2s}.feature-card:nth-child(3){animation-delay:.3s}.feature-card:nth-child(4){animation-delay:.4s}.hero-stats{display:flex;justify-content:center;align-items:center;gap:3rem;flex-wrap:wrap}.stat{text-align:center;align-items:center}.stat-num{font-size:2.5rem;font-weight:800;background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 50%,#a855f7 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.stat p{color:var(--text-secondary);font-size:.875rem;margin-top:.25rem}.main-layout-container{display:flex;align-items:flex-start;gap:32px}@media(min-width:901px){.main-layout-container{display:flex;gap:32px}.sidebar{display:block;width:300px;min-width:300px;flex-shrink:0}}@media(max-width:900px){.sidebar{display:none!important;width:0!important;min-width:0!important;max-width:0!important;overflow:hidden!important;padding:0!important;margin:0!important}.main-layout-container{gap:0!important}}