.landing.svelte-1uha8ag{min-height:100vh;background:#0a0a0f;color:#fff}.container.svelte-1uha8ag{max-width:1200px;margin:0 auto;padding:0 1.5rem}.nav.svelte-1uha8ag{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;max-width:1200px;margin:0 auto}.logo.svelte-1uha8ag{display:flex;align-items:center;gap:.75rem;font-size:1.5rem;font-weight:700;color:#fff}.logo-img.svelte-1uha8ag{width:40px;height:40px;border-radius:8px}.nav-actions.svelte-1uha8ag{display:flex;gap:.75rem;align-items:center}.btn.svelte-1uha8ag{display:inline-flex;align-items:center;justify-content:center;padding:.625rem 1.25rem;border-radius:.5rem;font-weight:500;text-decoration:none;transition:all .2s;border:none;cursor:pointer;font-size:.9rem}.btn-primary.svelte-1uha8ag{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-primary.svelte-1uha8ag:hover{transform:translateY(-2px);box-shadow:0 4px 20px #667eea66}.btn-secondary.svelte-1uha8ag{background:#ffffff1a;color:#fff}.btn-secondary.svelte-1uha8ag:hover{background:#fff3}.btn-ghost.svelte-1uha8ag{background:transparent;color:#aaa}.btn-ghost.svelte-1uha8ag:hover{color:#fff}.btn-outline.svelte-1uha8ag{background:transparent;border:2px solid rgba(255,255,255,.3);color:#fff}.btn-outline.svelte-1uha8ag:hover{border-color:#fff;background:#ffffff1a}.btn-lg.svelte-1uha8ag{padding:1rem 2rem;font-size:1.1rem}.hero.svelte-1uha8ag{background:linear-gradient(180deg,#0a0a0f,#1a1a2e);padding-bottom:6rem}.hero-content.svelte-1uha8ag{text-align:center;padding:4rem 1.5rem;max-width:800px;margin:0 auto}.hero.svelte-1uha8ag h1:where(.svelte-1uha8ag){font-size:clamp(2.5rem,6vw,4rem);font-weight:800;line-height:1.2;margin-bottom:1.5rem;background:linear-gradient(135deg,#fff,#a5b4fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle.svelte-1uha8ag{font-size:1.25rem;color:#9ca3af;line-height:1.8;margin-bottom:2.5rem}.hero-actions.svelte-1uha8ag{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.features.svelte-1uha8ag{padding:6rem 0;background:#0f0f17}.section-title.svelte-1uha8ag{font-size:2.5rem;font-weight:700;text-align:center;margin-bottom:1rem}.section-subtitle.svelte-1uha8ag{text-align:center;color:#9ca3af;margin-bottom:3rem}.features-grid.svelte-1uha8ag{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.feature-card.svelte-1uha8ag{background:#ffffff0d;border-radius:1rem;padding:2rem;text-align:center;transition:transform .2s}.feature-card.svelte-1uha8ag:hover{transform:translateY(-4px)}.feature-icon.svelte-1uha8ag{font-size:3rem;margin-bottom:1rem}.feature-card.svelte-1uha8ag h3:where(.svelte-1uha8ag){font-size:1.25rem;margin-bottom:.5rem}.feature-card.svelte-1uha8ag p:where(.svelte-1uha8ag){color:#9ca3af;font-size:.95rem}.playable-games.svelte-1uha8ag{padding:6rem 0;background:linear-gradient(180deg,#0f0f17,#1a1a2e)}.playable-grid.svelte-1uha8ag{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.playable-card.svelte-1uha8ag{background:#667eea1a;border:1px solid rgba(102,126,234,.3);border-radius:1rem;overflow:hidden;transition:all .3s;position:relative}.playable-card.svelte-1uha8ag:hover{transform:translateY(-4px);border-color:#667eea99;box-shadow:0 10px 40px #667eea4d}.playable-badge.svelte-1uha8ag{position:absolute;top:1rem;left:1rem;background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:.25rem .75rem;border-radius:1rem;font-weight:600;font-size:.75rem;z-index:1}.playable-image.svelte-1uha8ag{width:100%;height:200px;overflow:hidden;display:flex;align-items:center;justify-content:center}.game-icon.svelte-1uha8ag{font-size:4rem;transition:transform .3s}.playable-card.svelte-1uha8ag:hover .game-icon:where(.svelte-1uha8ag){transform:scale(1.1)}.playable-info.svelte-1uha8ag{padding:1.5rem}.playable-info.svelte-1uha8ag h3:where(.svelte-1uha8ag){font-size:1.25rem;margin-bottom:.75rem}.playable-tags.svelte-1uha8ag{display:flex;gap:.5rem;margin-bottom:.75rem}.tag.svelte-1uha8ag{background:#ffffff1a;padding:.25rem .75rem;border-radius:1rem;font-size:.75rem;color:#a5b4fc}.playable-description.svelte-1uha8ag{color:#9ca3af;font-size:.875rem;line-height:1.6;margin-bottom:1rem}.btn-play.svelte-1uha8ag{width:100%}.games.svelte-1uha8ag{padding:6rem 0;background:#0a0a0f}.games-grid.svelte-1uha8ag{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.game-card.svelte-1uha8ag{background:#ffffff0d;border-radius:1rem;overflow:hidden;transition:all .3s;position:relative}.game-card.svelte-1uha8ag:hover{transform:translateY(-4px);box-shadow:0 10px 40px #667eea33}.game-rank.svelte-1uha8ag{position:absolute;top:1rem;left:1rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:.25rem .75rem;border-radius:1rem;font-weight:700;font-size:.875rem;z-index:1}.game-image.svelte-1uha8ag{width:100%;height:180px;overflow:hidden;display:flex;align-items:center;justify-content:center}.game-card.svelte-1uha8ag:hover .game-icon:where(.svelte-1uha8ag){transform:scale(1.1)}.game-info.svelte-1uha8ag{padding:1.25rem}.game-info.svelte-1uha8ag h3:where(.svelte-1uha8ag){font-size:1.1rem;margin-bottom:.5rem}.game-description.svelte-1uha8ag{color:#9ca3af;font-size:.875rem;line-height:1.5;margin-bottom:1rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.game-meta.svelte-1uha8ag{display:flex;gap:1rem;font-size:.875rem}.rating.svelte-1uha8ag{color:#fbbf24;font-weight:600}.reviews.svelte-1uha8ag{color:#6b7280}.cta.svelte-1uha8ag{padding:6rem 0;background:linear-gradient(135deg,#667eea,#764ba2);text-align:center}.cta.svelte-1uha8ag h2:where(.svelte-1uha8ag){font-size:2.5rem;margin-bottom:1rem}.cta.svelte-1uha8ag p:where(.svelte-1uha8ag){font-size:1.25rem;opacity:.9;margin-bottom:2rem}.footer.svelte-1uha8ag{padding:3rem 0;background:#050507}.footer-content.svelte-1uha8ag{display:flex;flex-direction:column;align-items:center;gap:1rem}.footer-logo.svelte-1uha8ag{display:flex;align-items:center;gap:.5rem;font-weight:600}.footer-logo.svelte-1uha8ag .logo-img:where(.svelte-1uha8ag){width:32px;height:32px}.footer.svelte-1uha8ag p:where(.svelte-1uha8ag){color:#6b7280;font-size:.875rem}@media(max-width:768px){.nav.svelte-1uha8ag{padding:1rem}.hero-content.svelte-1uha8ag{padding:2rem 1rem}.hero-actions.svelte-1uha8ag{flex-direction:column}.btn-lg.svelte-1uha8ag{width:100%}}