.page.svelte-rqn88j{padding:2.5rem 1.5rem 3rem;max-width:40rem}.page-title.svelte-rqn88j{font-size:1.75rem;font-weight:700;letter-spacing:-.025em;color:#111827;margin-bottom:.375rem}.page-desc.svelte-rqn88j{font-size:.875rem;color:#9ca3af;margin-bottom:2rem}.project-list.svelte-rqn88j{display:flex;flex-direction:column;gap:.625rem}.project-card.svelte-rqn88j{border:1px solid #f0f0f0;border-radius:.75rem;padding:1.25rem;background:#fafafa;transition:all .2s ease}.project-card.svelte-rqn88j:hover{border-color:#d4d4d8;transform:translateY(-1px);box-shadow:0 2px 16px #0000000a}.project-header.svelte-rqn88j{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.5rem}.project-name.svelte-rqn88j{font-size:.9375rem;font-weight:600;color:#111827;text-decoration:none;transition:color .15s}.project-name.svelte-rqn88j:hover{color:#059669}.ext.svelte-rqn88j{font-size:.75rem;opacity:0;transition:opacity .2s}.project-card.svelte-rqn88j:hover .ext:where(.svelte-rqn88j){opacity:1}.badge.svelte-rqn88j{font-size:.625rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em;color:#059669;border:1px solid rgba(16,185,129,.25);border-radius:9999px;padding:.1875rem .5rem;flex-shrink:0}.project-desc.svelte-rqn88j{font-size:.875rem;color:#6b7280;margin-bottom:.75rem;line-height:1.5}.project-links.svelte-rqn88j{display:flex;gap:1rem}.project-links.svelte-rqn88j a:where(.svelte-rqn88j){font-size:.8125rem;color:#9ca3af;text-decoration:none;transition:color .15s}.project-links.svelte-rqn88j a:where(.svelte-rqn88j):hover{color:#059669}.dark .page-title.svelte-rqn88j{color:#fafafa}.dark .page-desc.svelte-rqn88j{color:#5a5a5a}.dark .project-card.svelte-rqn88j{background:#141414;border-color:#1e1e1e}.dark .project-card.svelte-rqn88j:hover{border-color:#333;box-shadow:0 2px 16px #0000004d}.dark .project-name.svelte-rqn88j{color:#fafafa}.dark .project-name.svelte-rqn88j:hover{color:#34d399}.dark .badge.svelte-rqn88j{color:#34d399;border-color:#34d39940}.dark .project-desc.svelte-rqn88j{color:#a1a1aa}.dark .project-links.svelte-rqn88j a:where(.svelte-rqn88j){color:#5a5a5a}.dark .project-links.svelte-rqn88j a:where(.svelte-rqn88j):hover{color:#34d399}