:root{--wg-primary: #0A84FF;--wg-highlight: #5AC8FA;--wg-light-bg: #F2F2F7;--wg-dark-surface: #0B2E59;--wg-muted: #5A6B7C;--wg-orange: #FF9500;--wg-green: #34C759;--wg-indigo: #5856D6}.project-hero.svelte-12172z0{padding:120px 0 60px;text-align:center;background:linear-gradient(135deg,#0a84ff1a,#5ac8fa0d)}.project-hero-content.svelte-12172z0{max-width:800px;margin:0 auto}.project-hero.svelte-12172z0 .project-icon-large:where(.svelte-12172z0){width:80px;height:80px;border-radius:20px;background:linear-gradient(135deg,#0a84ff,#5ac8fa);box-shadow:0 12px 32px #0a84ff66;display:flex;align-items:center;justify-content:center;font-size:2.5rem;color:#fff;margin:0 auto 24px}.project-hero.svelte-12172z0 .project-meta:where(.svelte-12172z0){display:flex;justify-content:center;gap:16px;margin-bottom:24px}.project-hero.svelte-12172z0 h1:where(.svelte-12172z0){font-size:3rem;font-weight:800;margin-bottom:16px;background:linear-gradient(to right,#0a84ff,#5ac8fa);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.project-subtitle.svelte-12172z0{font-size:1.2rem;color:var(--text-secondary);max-width:600px;margin:0 auto}.project-overview.svelte-12172z0{padding:80px 0}.overview-grid.svelte-12172z0{display:grid;grid-template-columns:2fr 1fr;gap:60px;align-items:start}.overview-main.svelte-12172z0 h2:where(.svelte-12172z0){font-size:2rem;font-weight:700;color:#fff;margin-bottom:24px}.overview-main.svelte-12172z0 p:where(.svelte-12172z0){font-size:1rem;color:var(--text-secondary);line-height:1.8;margin-bottom:20px}.project-stats.svelte-12172z0{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:40px}.stat-item.svelte-12172z0{display:flex;gap:16px;align-items:flex-start}.stat-icon.svelte-12172z0{width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,#0a84ff26,#0a84ff0d);border:1px solid rgba(10,132,255,.3);display:flex;align-items:center;justify-content:center;font-size:1.25rem;color:#0a84ff;flex-shrink:0}.stat-content.svelte-12172z0 h4:where(.svelte-12172z0){font-size:1rem;font-weight:600;color:#fff;margin-bottom:4px}.stat-content.svelte-12172z0 p:where(.svelte-12172z0){font-size:.85rem;color:var(--text-secondary);margin:0}.info-card.svelte-12172z0{background:linear-gradient(135deg,#ffffff08,#ffffff03);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:24px;margin-bottom:24px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.info-card.svelte-12172z0 h3:where(.svelte-12172z0){font-size:1.1rem;font-weight:600;color:#0a84ff;margin-bottom:16px}.info-card.svelte-12172z0 ul:where(.svelte-12172z0){list-style:none;padding:0}.info-card.svelte-12172z0 li:where(.svelte-12172z0){font-size:.9rem;color:var(--text-secondary);margin-bottom:8px;padding-left:20px;position:relative}.info-card.svelte-12172z0 li:where(.svelte-12172z0):before{content:"•";color:#0a84ff;position:absolute;left:0}.info-card.svelte-12172z0 p:where(.svelte-12172z0){font-size:.9rem;color:var(--text-secondary);line-height:1.6;margin:0}.features-section.svelte-12172z0,.tech-section.svelte-12172z0,.architecture-section.svelte-12172z0,.screenshots-section.svelte-12172z0,.solutions-section.svelte-12172z0,.role-section.svelte-12172z0,.result-section.svelte-12172z0{padding:80px 0}.features-section.svelte-12172z0 h2:where(.svelte-12172z0),.tech-section.svelte-12172z0 h2:where(.svelte-12172z0),.architecture-section.svelte-12172z0 h2:where(.svelte-12172z0),.screenshots-section.svelte-12172z0 h2:where(.svelte-12172z0),.solutions-section.svelte-12172z0 h2:where(.svelte-12172z0),.role-section.svelte-12172z0 h2:where(.svelte-12172z0),.result-section.svelte-12172z0 h2:where(.svelte-12172z0){font-size:2rem;font-weight:700;color:#fff;margin-bottom:40px;text-align:center}.features-grid.svelte-12172z0{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px}.feature-card.svelte-12172z0{background:linear-gradient(135deg,#ffffff08,#ffffff03);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:24px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:all .3s ease}.feature-card.svelte-12172z0:hover{transform:translateY(-4px);border-color:#0a84ff33;box-shadow:0 12px 32px #0a84ff1a}.feature-icon.svelte-12172z0{width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,#0a84ff,#5ac8fa);display:flex;align-items:center;justify-content:center;font-size:1.25rem;color:#fff;margin-bottom:16px}.feature-card.svelte-12172z0 h3:where(.svelte-12172z0){font-size:1.1rem;font-weight:600;color:#fff;margin-bottom:12px}.feature-card.svelte-12172z0 p:where(.svelte-12172z0){font-size:.9rem;color:var(--text-secondary);line-height:1.6;margin:0}.tech-grid.svelte-12172z0{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px}.tech-category.svelte-12172z0{background:linear-gradient(135deg,#ffffff08,#ffffff03);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:24px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.tech-category.svelte-12172z0 h3:where(.svelte-12172z0){font-size:1.1rem;font-weight:600;color:#0a84ff;margin-bottom:16px;display:flex;align-items:center;gap:10px}.tech-category.svelte-12172z0 ul:where(.svelte-12172z0){list-style:none;padding:0}.tech-category.svelte-12172z0 li:where(.svelte-12172z0){font-size:.9rem;color:var(--text-secondary);margin-bottom:8px;padding-left:20px;position:relative}.tech-category.svelte-12172z0 li:where(.svelte-12172z0):before{content:"•";color:#0a84ff;position:absolute;left:0}.architecture-grid.svelte-12172z0{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px}.arch-card.svelte-12172z0{background:linear-gradient(135deg,#ffffff08,#ffffff03);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:24px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.arch-card.svelte-12172z0 h3:where(.svelte-12172z0){font-size:1.1rem;font-weight:600;color:#0a84ff;margin-bottom:12px}.arch-card.svelte-12172z0 p:where(.svelte-12172z0){font-size:.9rem;color:var(--text-secondary);line-height:1.6;margin:0}.arch-card.svelte-12172z0 ul:where(.svelte-12172z0){list-style:none;padding:0}.arch-card.svelte-12172z0 li:where(.svelte-12172z0){font-size:.9rem;color:var(--text-secondary);margin-bottom:8px;padding-left:20px;position:relative}.arch-card.svelte-12172z0 li:where(.svelte-12172z0):before{content:"•";color:#0a84ff;position:absolute;left:0}.solutions-grid.svelte-12172z0{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px}.solution-card.svelte-12172z0{background:linear-gradient(135deg,#ffffff08,#ffffff03);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:32px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:all .3s ease}.solution-card.svelte-12172z0:hover{transform:translateY(-4px);border-color:#0a84ff33;box-shadow:0 12px 32px #0a84ff1a}.solution-icon.svelte-12172z0{width:56px;height:56px;border-radius:14px;background:linear-gradient(135deg,#0a84ff26,#0a84ff0d);border:1px solid rgba(10,132,255,.3);display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#0a84ff;margin-bottom:20px}.solution-card.svelte-12172z0 h3:where(.svelte-12172z0){font-size:1.25rem;font-weight:600;color:#fff;margin-bottom:12px}.solution-card.svelte-12172z0 p:where(.svelte-12172z0){font-size:.9rem;color:var(--text-secondary);line-height:1.6;margin:0}.role-grid.svelte-12172z0{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px;max-width:1000px;margin:0 auto}.role-item.svelte-12172z0{display:flex;align-items:center;gap:12px;padding:16px 20px;background:linear-gradient(135deg,#ffffff08,#ffffff03);border:1px solid rgba(255,255,255,.08);border-radius:12px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.role-item.svelte-12172z0 i:where(.svelte-12172z0){color:#10b981;font-size:1rem;flex-shrink:0}.role-item.svelte-12172z0 span:where(.svelte-12172z0){font-size:.95rem;color:var(--text-secondary)}.result-content.svelte-12172z0{max-width:800px;margin:0 auto;text-align:center}.result-content.svelte-12172z0 p:where(.svelte-12172z0){font-size:1.1rem;color:var(--text-secondary);line-height:1.8}.meta-item.svelte-12172z0{display:inline-flex;align-items:center;gap:6px;font-size:.85rem;color:var(--text-secondary)}.status-badge.svelte-12172z0{padding:4px 12px;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-badge.active.svelte-12172z0{background:#10b98126;color:#10b981;border:1px solid rgba(16,185,129,.3)}.screenshots-section.svelte-12172z0{background:linear-gradient(135deg,#0a84ff08,#0a84ff03)}.screenshots-grid.svelte-12172z0{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px}.screenshot-item.svelte-12172z0{background:linear-gradient(135deg,#ffffff08,#ffffff03);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:16px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:all .3s ease}.screenshot-item.svelte-12172z0:hover{transform:translateY(-4px);border-color:#0a84ff33;box-shadow:0 12px 32px #0a84ff1a}.screenshot-item.svelte-12172z0 img:where(.svelte-12172z0){width:100%;border-radius:12px;margin-bottom:12px}.screenshot-caption.svelte-12172z0{font-size:.9rem;color:var(--text-secondary);text-align:center;margin:0;font-weight:500}@media(max-width:768px){.project-hero.svelte-12172z0 h1:where(.svelte-12172z0){font-size:2.2rem}.overview-grid.svelte-12172z0{grid-template-columns:1fr;gap:40px}.project-stats.svelte-12172z0{grid-template-columns:1fr;gap:16px}.features-grid.svelte-12172z0,.tech-grid.svelte-12172z0,.architecture-grid.svelte-12172z0,.screenshots-grid.svelte-12172z0,.solutions-grid.svelte-12172z0,.role-grid.svelte-12172z0{grid-template-columns:1fr}}