.showcase-page.svelte-rf7lnr.svelte-rf7lnr{min-height:100vh;padding-bottom:var(--space-4xl)}.showcase-hero.svelte-rf7lnr.svelte-rf7lnr{padding:var(--space-4xl) var(--space-lg);padding-top:calc(var(--header-height) + var(--space-3xl));max-width:var(--content-width-wide);margin:0 auto}.hero-content.svelte-rf7lnr.svelte-rf7lnr{max-width:48rem;opacity:0;transform:translateY(20px);transition:all var(--duration-slow) var(--ease-expo-out)}.hero-content.loaded.svelte-rf7lnr.svelte-rf7lnr{opacity:1;transform:translateY(0)}.hero-badge.svelte-rf7lnr.svelte-rf7lnr{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);background:var(--color-accent-subtle);border:1px solid var(--color-border-accent);border-radius:var(--radius-full);margin-bottom:var(--space-lg)}.badge-dot.svelte-rf7lnr.svelte-rf7lnr{width:6px;height:6px;background:var(--color-accent);border-radius:50%;animation:svelte-rf7lnr-pulse 2s infinite}.badge-text.svelte-rf7lnr.svelte-rf7lnr{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:500;color:var(--color-accent);text-transform:uppercase;letter-spacing:var(--tracking-wider)}.hero-title.svelte-rf7lnr.svelte-rf7lnr{font-family:var(--font-display);font-size:clamp(var(--text-5xl),10vw,var(--text-7xl));font-weight:400;color:var(--color-text-primary);line-height:var(--leading-tight);margin-bottom:var(--space-lg)}.hero-subtitle.svelte-rf7lnr.svelte-rf7lnr{font-size:var(--text-lg);color:var(--color-text-secondary);line-height:var(--leading-relaxed);max-width:36rem}.oss-section.svelte-rf7lnr.svelte-rf7lnr,.featured-section.svelte-rf7lnr.svelte-rf7lnr,.other-section.svelte-rf7lnr.svelte-rf7lnr{padding:var(--space-3xl) var(--space-lg);max-width:var(--content-width-wide);margin:0 auto}.oss-list.svelte-rf7lnr.svelte-rf7lnr{display:flex;flex-direction:column;gap:var(--space-md)}.oss-item.svelte-rf7lnr.svelte-rf7lnr{display:grid;grid-template-columns:180px 1fr 200px;align-items:center;gap:var(--space-xl);padding:var(--space-lg) var(--space-xl);background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:all var(--duration-normal) var(--ease-smooth)}.oss-item.svelte-rf7lnr.svelte-rf7lnr:hover{border-color:var(--color-border-accent);background:var(--color-bg-elevated)}.oss-project-info.svelte-rf7lnr.svelte-rf7lnr{display:flex;flex-direction:column;gap:var(--space-xs)}.oss-project-name.svelte-rf7lnr.svelte-rf7lnr{font-family:var(--font-sans);font-size:var(--text-lg);font-weight:600;color:var(--color-text-primary)}.oss-tags.svelte-rf7lnr.svelte-rf7lnr{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.oss-tag.svelte-rf7lnr.svelte-rf7lnr{font-family:var(--font-mono);font-size:var(--text-xs);padding:2px 8px;background:var(--color-bg-secondary);border-radius:var(--radius-sm);color:var(--color-text-tertiary)}.oss-description.svelte-rf7lnr.svelte-rf7lnr{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-relaxed)}.oss-links.svelte-rf7lnr.svelte-rf7lnr{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.oss-link.svelte-rf7lnr.svelte-rf7lnr{display:inline-flex;align-items:center;gap:var(--space-xs);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-accent);text-decoration:none;padding:var(--space-xs) var(--space-sm);border:1px solid var(--color-border-accent);border-radius:var(--radius-sm);transition:all var(--duration-fast) var(--ease-smooth)}.oss-link.svelte-rf7lnr.svelte-rf7lnr:hover{background:var(--color-accent-subtle)}.oss-link.svelte-rf7lnr svg.svelte-rf7lnr{width:12px;height:12px}@media (max-width: 900px){.oss-item.svelte-rf7lnr.svelte-rf7lnr{grid-template-columns:1fr;gap:var(--space-md)}.oss-project-info.svelte-rf7lnr.svelte-rf7lnr{flex-direction:row;align-items:center;justify-content:space-between}.oss-tags.svelte-rf7lnr.svelte-rf7lnr{justify-content:flex-end}}.section-header.svelte-rf7lnr.svelte-rf7lnr{margin-bottom:var(--space-2xl)}.section-marker.svelte-rf7lnr.svelte-rf7lnr{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-sm)}.marker-line.svelte-rf7lnr.svelte-rf7lnr{width:2rem;height:1px;background:var(--color-accent)}.marker-text.svelte-rf7lnr.svelte-rf7lnr{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:500;color:var(--color-accent);text-transform:uppercase;letter-spacing:var(--tracking-wider)}.section-title.svelte-rf7lnr.svelte-rf7lnr{font-family:var(--font-display);font-size:var(--text-3xl);color:var(--color-text-primary);font-weight:400}.featured-grid.svelte-rf7lnr.svelte-rf7lnr{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-xl);align-items:start}.other-grid.svelte-rf7lnr.svelte-rf7lnr{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-lg);align-items:start}.project-card.svelte-rf7lnr.svelte-rf7lnr{position:relative;background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-xl);overflow:hidden;transition:all var(--duration-normal) var(--ease-smooth)}.project-card.svelte-rf7lnr.svelte-rf7lnr:hover{border-color:var(--color-border-accent);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.featured-card.svelte-rf7lnr.svelte-rf7lnr{padding:var(--space-xl)}.compact-card.svelte-rf7lnr.svelte-rf7lnr{padding:var(--space-lg)}.card-content.svelte-rf7lnr.svelte-rf7lnr{position:relative;z-index:1}.card-header.svelte-rf7lnr.svelte-rf7lnr{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-md)}.project-icon.svelte-rf7lnr.svelte-rf7lnr{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--color-accent-subtle);border-radius:var(--radius-md);color:var(--color-accent)}.project-icon.small.svelte-rf7lnr.svelte-rf7lnr{width:32px;height:32px}.project-icon.svelte-rf7lnr svg.svelte-rf7lnr{width:20px;height:20px}.project-icon.small.svelte-rf7lnr svg.svelte-rf7lnr{width:16px;height:16px}.project-status.svelte-rf7lnr.svelte-rf7lnr{font-family:var(--font-mono);font-size:var(--text-xs);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-full);background:var(--color-bg-secondary);color:var(--color-text-tertiary)}.project-status.small.svelte-rf7lnr.svelte-rf7lnr{font-size:.65rem;padding:2px 8px}.status-completed.svelte-rf7lnr.svelte-rf7lnr{background:rgba(34,197,94,.1);color:#22c55e}.status-progress.svelte-rf7lnr.svelte-rf7lnr{background:rgba(251,191,36,.1);color:#fbbf24}.status-maintained.svelte-rf7lnr.svelte-rf7lnr{background:rgba(59,130,246,.1);color:#3b82f6}.project-title.svelte-rf7lnr.svelte-rf7lnr{font-family:var(--font-sans);font-size:var(--text-xl);font-weight:600;color:var(--color-text-primary);margin-bottom:var(--space-sm)}.project-title.small.svelte-rf7lnr.svelte-rf7lnr{font-size:var(--text-base)}.project-description.svelte-rf7lnr.svelte-rf7lnr{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-relaxed);margin-bottom:var(--space-md)}.project-description.small.svelte-rf7lnr.svelte-rf7lnr{font-size:var(--text-sm);margin-bottom:var(--space-sm);display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.project-tags.svelte-rf7lnr.svelte-rf7lnr{display:flex;flex-wrap:wrap;gap:var(--space-xs);margin-bottom:var(--space-lg)}.project-tags.small.svelte-rf7lnr.svelte-rf7lnr{margin-bottom:var(--space-md)}.tag.svelte-rf7lnr.svelte-rf7lnr{font-family:var(--font-mono);font-size:var(--text-xs);padding:var(--space-xs) var(--space-sm);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-tertiary)}.tag.small.svelte-rf7lnr.svelte-rf7lnr{font-size:.65rem;padding:2px 6px}.project-links.svelte-rf7lnr.svelte-rf7lnr{display:flex;gap:var(--space-sm)}.project-link.svelte-rf7lnr.svelte-rf7lnr{display:inline-flex;align-items:center;gap:var(--space-xs);font-size:var(--text-sm);font-weight:500;color:var(--color-text-secondary);text-decoration:none;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);transition:all var(--duration-fast) var(--ease-smooth)}.project-link.svelte-rf7lnr.svelte-rf7lnr:hover{color:var(--color-accent);background:var(--color-accent-subtle)}.project-link.svelte-rf7lnr svg.svelte-rf7lnr{width:16px;height:16px}.project-link.small.svelte-rf7lnr.svelte-rf7lnr{padding:var(--space-xs)}.project-link.small.svelte-rf7lnr svg.svelte-rf7lnr{width:14px;height:14px}.card-accent.svelte-rf7lnr.svelte-rf7lnr{position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--color-accent),var(--color-accent-hover));opacity:0;transition:opacity var(--duration-normal) var(--ease-smooth)}.project-card.svelte-rf7lnr:hover .card-accent.svelte-rf7lnr{opacity:1}.cta-section.svelte-rf7lnr.svelte-rf7lnr{padding:var(--space-4xl) var(--space-lg);max-width:var(--content-width-wide);margin:0 auto}.cta-content.svelte-rf7lnr.svelte-rf7lnr{text-align:center;max-width:36rem;margin:0 auto;padding:var(--space-3xl);background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-2xl)}.cta-title.svelte-rf7lnr.svelte-rf7lnr{font-family:var(--font-display);font-size:var(--text-3xl);color:var(--color-text-primary);margin-bottom:var(--space-md)}.cta-description.svelte-rf7lnr.svelte-rf7lnr{font-size:var(--text-base);color:var(--color-text-secondary);line-height:var(--leading-relaxed);margin-bottom:var(--space-xl)}.cta-actions.svelte-rf7lnr.svelte-rf7lnr{display:flex;justify-content:center;gap:var(--space-md);flex-wrap:wrap}.cta-button.svelte-rf7lnr.svelte-rf7lnr{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-lg);font-size:var(--text-sm);font-weight:500;text-decoration:none;border-radius:var(--radius-lg);transition:all var(--duration-fast) var(--ease-smooth)}.cta-button.primary.svelte-rf7lnr.svelte-rf7lnr{background:var(--color-accent);color:#fff}.cta-button.primary.svelte-rf7lnr.svelte-rf7lnr:hover{background:var(--color-accent-hover);transform:translateY(-2px);box-shadow:var(--shadow-md)}.cta-button.secondary.svelte-rf7lnr.svelte-rf7lnr{background:var(--color-bg-secondary);color:var(--color-text-primary);border:1px solid var(--color-border)}.cta-button.secondary.svelte-rf7lnr.svelte-rf7lnr:hover{border-color:var(--color-accent);color:var(--color-accent)}.cta-button.svelte-rf7lnr svg.svelte-rf7lnr{width:16px;height:16px}@keyframes svelte-rf7lnr-pulse{0%,to{opacity:1}50%{opacity:.5}}@media (max-width: 1024px){.other-grid.svelte-rf7lnr.svelte-rf7lnr{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.showcase-hero.svelte-rf7lnr.svelte-rf7lnr{padding-top:calc(var(--header-height) + var(--space-2xl))}.featured-grid.svelte-rf7lnr.svelte-rf7lnr,.other-grid.svelte-rf7lnr.svelte-rf7lnr{grid-template-columns:1fr}.cta-content.svelte-rf7lnr.svelte-rf7lnr{padding:var(--space-xl)}.cta-actions.svelte-rf7lnr.svelte-rf7lnr{flex-direction:column;align-items:center}.cta-button.svelte-rf7lnr.svelte-rf7lnr{width:100%;justify-content:center}}