*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}:root{--purple-50:#f5f3ff;--purple-100:#ede9fe;--purple-200:#ddd6fe;--purple-300:#c4b5fd;--purple-400:#a78bfa;--purple-500:#8b5cf6;--purple-600:#7c3aed;--purple-700:#6d28d9;--purple-800:#5b21b6;--purple-900:#4c1d95;--cyan-300:#67e8f9;--cyan-400:#22d3ee;--cyan-500:#06b6d4;--cyan-600:#0891b2;--green-400:#4ade80;--green-500:#22c55e;--red-400:#f87171;--red-500:#ef4444;--bg-primary:#0f0f14;--bg-secondary:#16161d;--bg-surface:#1e1e28;--bg-elevated:#262632;--text-primary:#f0f0f5;--text-secondary:#a0a0b2;--text-muted:#6b6b80;--border-color:#2a2a3a;--border-hover:#3a3a50;--accent-primary:var(--purple-600);--accent-glow:var(--purple-500);--accent-secondary:var(--cyan-500);--accent-secondary-glow:var(--cyan-400);--link-color:var(--cyan-400);--link-hover:var(--cyan-300);--space-xs:0.25rem;--space-sm:0.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--space-4xl:6rem;--font-body:-apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;--font-mono:'Monaco', 'Menlo', 'Ubuntu Mono', 'Consolas', monospace;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:2rem;--text-4xl:2.5rem;--text-5xl:3.5rem;--container-width:1100px;--nav-height:60px;--border-radius:8px;--border-radius-lg:12px}html{scroll-behavior:smooth}body{font-family:var(--font-body);font-size:var(--text-base);line-height:1.6;color:var(--text-primary);background-color:var(--bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::selection{background:var(--purple-600);color:#fff}h1,h2,h3,h4,h5,h6{line-height:1.2;font-weight:700;color:var(--text-primary)}h1{font-size:var(--text-5xl);font-weight:900;letter-spacing:-.02em}h2{font-size:var(--text-3xl);margin-bottom:var(--space-lg)}h3{font-size:var(--text-xl);margin-bottom:var(--space-md)}p{margin-bottom:var(--space-md);color:var(--text-secondary)}a{color:var(--link-color);text-decoration:none;transition:color .2s ease}a:hover{color:var(--link-hover)}strong{color:var(--text-primary);font-weight:600}.container{max-width:var(--container-width);margin:0 auto;padding:0 var(--space-xl)}.section{padding:var(--space-4xl)0}.section-label{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--accent-secondary);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-sm)}.section-header{margin-bottom:var(--space-2xl)}.section-header p{font-size:var(--text-lg);max-width:600px}.nav{position:sticky;top:0;z-index:100;background:var(--bg-primary);border-bottom:1px solid var(--border-color);height:var(--nav-height);display:flex;align-items:center}.nav .container{display:flex;align-items:center;justify-content:space-between;width:100%}.nav-logo{font-family:var(--font-mono);font-size:var(--text-lg);font-weight:700;color:var(--text-primary);text-decoration:none;display:flex;align-items:center;gap:var(--space-sm)}.nav-logo:hover{color:var(--text-primary)}.nav-logo .logo-accent{color:var(--accent-primary)}.nav-links{display:flex;list-style:none;gap:var(--space-lg);align-items:center}.nav-links a{font-size:var(--text-sm);font-weight:500;color:var(--text-secondary);text-decoration:none;padding:var(--space-xs)0;transition:color .2s ease;position:relative}.nav-links a:hover,.nav-links a.active{color:var(--text-primary)}.nav-links a.active::after{content:'';position:absolute;bottom:-2px;left:0;right:0;height:2px;background:var(--accent-primary);border-radius:1px}.hero{padding:var(--space-4xl)0;text-align:center}.hero h1{margin-bottom:var(--space-lg)}.hero h1 .gradient-text{background:linear-gradient(135deg,var(--purple-400),var(--cyan-400));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero-subtitle{font-size:var(--text-xl);color:var(--text-secondary);max-width:600px;margin:0 auto var(--space-2xl);line-height:1.5}.hero-cta{display:flex;gap:var(--space-md);justify-content:center;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;gap:var(--space-sm);padding:.75rem 1.5rem;font-size:var(--text-base);font-weight:600;border-radius:var(--border-radius);border:1px solid transparent;cursor:pointer;transition:all .2s ease;text-decoration:none}.btn-primary{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary);box-shadow:0 0 20px rgba(124,58,237,.3)}.btn-primary:hover{background:var(--purple-500);color:#fff;transform:translateY(-1px);box-shadow:0 0 30px rgba(124,58,237,.5)}.btn-secondary{background:0 0;color:var(--text-primary);border-color:var(--border-color)}.btn-secondary:hover{border-color:var(--accent-secondary);color:var(--accent-secondary);transform:translateY(-1px)}.card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);padding:var(--space-xl);transition:all .2s ease}.card:hover{border-color:var(--border-hover);transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.2)}.card h3{color:var(--text-primary)}.card p{color:var(--text-secondary);margin-bottom:0}.card-grid{display:grid;gap:var(--space-lg)}.card-grid.cols-2{grid-template-columns:repeat(2,1fr)}.card-grid.cols-3{grid-template-columns:repeat(3,1fr)}.game-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);padding:var(--space-2xl);display:flex;flex-direction:column;gap:var(--space-md);transition:all .2s ease;text-decoration:none;color:inherit}.game-card:hover{border-color:var(--purple-600);transform:translateY(-2px);box-shadow:0 8px 32px rgba(124,58,237,.15);color:inherit}.game-card-cta{border-style:dashed;border-color:var(--border-hover)}.game-card-cta:hover{border-style:dashed;border-color:var(--accent-secondary)}.game-card-header{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:var(--space-xs)var(--space-md)}.game-card-header h3{flex:auto;min-width:0}.game-card-status{font-family:var(--font-mono);font-size:var(--text-sm);display:flex;align-items:center;gap:var(--space-xs);white-space:nowrap}.status-dot{width:8px;height:8px;border-radius:50%;display:inline-block}.status-dot.online{background:var(--green-400);box-shadow:0 0 8px rgba(74,222,128,.5)}.status-dot.coming-soon{background:var(--cyan-400);box-shadow:0 0 8px rgba(34,211,238,.3)}.game-card h3{font-size:var(--text-2xl);margin-bottom:0}.game-card p{color:var(--text-secondary);margin-bottom:0}.game-card-tags{display:flex;gap:var(--space-sm);flex-wrap:wrap}.tag{font-family:var(--font-mono);font-size:.75rem;padding:.2rem .6rem;border-radius:4px;background:var(--bg-elevated);color:var(--text-muted);border:1px solid var(--border-color)}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-xl)}.feature{text-align:center;padding:var(--space-xl)}.feature-icon{font-size:2.5rem;margin-bottom:var(--space-md);display:block}.feature h3{margin-bottom:var(--space-sm)}.feature p{font-size:var(--text-sm);margin-bottom:0}.cta-section{text-align:center;padding:var(--space-4xl)0;border-top:1px solid var(--border-color)}.cta-section h2{margin-bottom:var(--space-md)}.cta-section p{font-size:var(--text-lg);max-width:500px;margin:0 auto var(--space-xl)}.dogfood-banner{background:var(--bg-surface);border:1px solid var(--border-color);border-left:3px solid var(--accent-secondary);border-radius:var(--border-radius);padding:var(--space-xl);margin:var(--space-2xl)0}.dogfood-banner p{margin-bottom:0;font-size:var(--text-lg)}.dogfood-banner strong{color:var(--accent-secondary-glow)}.page-content{max-width:800px}.page-content h2{margin-top:var(--space-2xl)}.page-content p{font-size:var(--text-base);line-height:1.7}.page-content ul{list-style:none;padding:0;margin-bottom:var(--space-lg)}.page-content ul li{padding:var(--space-xs)0;padding-left:var(--space-lg);position:relative;color:var(--text-secondary)}.page-content ul li::before{content:'>';position:absolute;left:0;color:var(--accent-secondary);font-family:var(--font-mono);font-weight:700}.page-content ol{padding-left:var(--space-lg);margin-bottom:var(--space-lg)}.page-content ol li{padding:var(--space-xs)0;color:var(--text-secondary)}.page-content ol li::marker{color:var(--accent-secondary);font-family:var(--font-mono);font-weight:700}.page-content strong{color:var(--text-primary)}.team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-xl);margin-top:var(--space-xl)}.team-member{text-align:center;padding:var(--space-xl);background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--border-radius-lg)}.team-member-avatar{width:80px;height:80px;border-radius:50%;background:var(--bg-elevated);border:2px solid var(--border-color);margin:0 auto var(--space-md);display:flex;align-items:center;justify-content:center;font-size:var(--text-2xl)}.team-member h3{margin-bottom:var(--space-xs)}.team-member p{font-size:var(--text-sm);margin-bottom:0}.contact-methods{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-xl);margin-top:var(--space-xl)}.contact-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);padding:var(--space-2xl)}.contact-card h3{margin-bottom:var(--space-sm)}.contact-card a{font-size:var(--text-lg)}.game-detail-header{padding:var(--space-3xl)0 var(--space-xl)}.game-detail-header h1{margin-bottom:var(--space-md)}.game-detail-meta{display:flex;gap:var(--space-lg);flex-wrap:wrap;margin-bottom:var(--space-lg)}.game-detail-meta .tag{font-size:var(--text-sm);padding:.3rem .8rem}.game-detail-body{display:grid;grid-template-columns:2fr 1fr;gap:var(--space-2xl);padding-bottom:var(--space-4xl)}.game-detail-content h2{font-size:var(--text-2xl);margin-top:var(--space-2xl);margin-bottom:var(--space-md)}.game-detail-content h2:first-child{margin-top:0}.game-detail-content ul{list-style:none;padding:0;margin-bottom:var(--space-lg)}.game-detail-content ul li{padding:var(--space-sm)0;padding-left:var(--space-lg);position:relative;color:var(--text-secondary)}.game-detail-content ul li::before{content:'>';position:absolute;left:0;color:var(--accent-secondary);font-family:var(--font-mono);font-weight:700}.game-detail-content ol{padding-left:var(--space-lg);margin-bottom:var(--space-lg)}.game-detail-content ol li{padding:var(--space-sm)0;color:var(--text-secondary)}.game-detail-content ol li::marker{color:var(--accent-secondary);font-family:var(--font-mono);font-weight:700}.game-detail-sidebar{position:sticky;top:calc(var(--nav-height) + var(--space-xl));align-self:start}.sidebar-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);padding:var(--space-xl);margin-bottom:var(--space-lg)}.sidebar-card h3{font-size:var(--text-lg);margin-bottom:var(--space-md)}.price-original{font-family:var(--font-mono);font-size:var(--text-lg);color:var(--text-muted);text-decoration:line-through;display:block;margin-bottom:var(--space-xs)}.price-tag{font-family:var(--font-mono);font-size:var(--text-3xl);font-weight:700;background:linear-gradient(135deg,var(--purple-400),var(--cyan-400));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;display:block;margin-bottom:var(--space-xs)}.price-ea{font-family:var(--font-mono);font-size:.75rem;color:var(--accent-secondary);display:block;margin-bottom:var(--space-md)}.pricing-features{list-style:none;padding:0;margin:0 0 var(--space-md)}.pricing-features li{padding:var(--space-xs)0;padding-left:var(--space-lg);position:relative;color:var(--text-secondary);font-size:var(--text-sm)}.pricing-features li::before{content:'\2713';position:absolute;left:0;color:var(--green-400);font-weight:700}.price-note{font-size:var(--text-sm);color:var(--text-muted)}.blog-post-preview{padding:var(--space-xl)0;border-bottom:1px solid var(--border-color)}.blog-post-preview:last-child{border-bottom:none}.blog-post-preview h2{font-size:var(--text-xl);margin-bottom:var(--space-xs)}.blog-post-preview a{color:var(--text-primary);text-decoration:none}.blog-post-preview a:hover{color:var(--link-color)}.blog-post-preview p{margin-bottom:0}.blog-date{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-muted);display:block;margin-bottom:var(--space-sm)}.page-content h2+p strong{color:var(--text-primary)}.footer{border-top:1px solid var(--border-color);padding:var(--space-2xl)0;color:var(--text-muted);font-size:var(--text-sm)}.footer .container{display:flex;justify-content:space-between;align-items:center}.footer a{color:var(--text-muted)}.footer a:hover{color:var(--text-secondary)}.footer-links{display:flex;gap:var(--space-lg);list-style:none}.footer-brand{font-family:var(--font-mono)}.error-page{text-align:center;padding:var(--space-4xl)0;min-height:60vh;display:flex;flex-direction:column;align-items:center;justify-content:center}.error-code{font-family:var(--font-mono);font-size:8rem;font-weight:900;line-height:1;background:linear-gradient(135deg,var(--purple-600),var(--cyan-500));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:var(--space-md);position:relative}.error-code::after{content:'404';position:absolute;left:4px;top:4px;background:linear-gradient(135deg,var(--cyan-500),var(--purple-600));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;opacity:.3;z-index:-1}.error-page h2{font-family:var(--font-mono);color:var(--text-secondary);font-weight:400;font-size:var(--text-lg);margin-bottom:var(--space-xl)}@media(max-width:768px){:root{--text-5xl:2.5rem;--text-3xl:1.5rem;--text-2xl:1.25rem;--space-4xl:3rem}.features{grid-template-columns:1fr;gap:var(--space-lg)}.card-grid.cols-2,.card-grid.cols-3{grid-template-columns:1fr}.team-grid{grid-template-columns:1fr}.contact-methods{grid-template-columns:1fr}.game-detail-body{grid-template-columns:1fr}.game-detail-sidebar{position:static}.nav-links{gap:var(--space-md)}.footer .container{flex-direction:column;gap:var(--space-md);text-align:center}}@media(max-width:480px){.container{padding:0 var(--space-md)}.hero-cta{flex-direction:column;align-items:center}.btn{width:100%;justify-content:center}}.legal-links{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-lg);margin-top:var(--space-xl)}.legal-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);padding:var(--space-xl);text-decoration:none;transition:all .2s ease}.legal-card:hover{border-color:var(--purple-600);transform:translateY(-2px);box-shadow:0 8px 32px rgba(124,58,237,.15)}.legal-card h3{color:var(--text-primary);margin-bottom:var(--space-sm)}.legal-card p{color:var(--text-secondary);margin-bottom:0;font-size:var(--text-sm)}@media(max-width:768px){.legal-links{grid-template-columns:1fr}}