.projects-container.svelte-rqn88j{padding:clamp(2rem,6vw,4rem);max-width:1200px;margin:0 auto}.projects-container.svelte-rqn88j h1:where(.svelte-rqn88j){color:#fff;font-weight:900;text-align:left;margin:0 0 2rem;padding-left:0;font-size:clamp(2rem,5vw,3rem)}.loading.svelte-rqn88j,.error.svelte-rqn88j,.no-projects.svelte-rqn88j{text-align:center;padding:2rem;color:#8d8d8d}.projects-grid.svelte-rqn88j{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:2rem;margin-top:2rem}.project-card.svelte-rqn88j{background-color:#151515cc;border:.001rem solid rgb(25,25,25);border-radius:8px;padding:1.5rem;transition:all .3s ease;display:flex;flex-direction:column;gap:1rem}.project-card.svelte-rqn88j:hover{transform:translateY(-4px);border-color:#fff3;box-shadow:0 8px 32px #0000004d}.project-header.svelte-rqn88j{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.project-header.svelte-rqn88j h3:where(.svelte-rqn88j){margin:0;padding-left:0;flex:1}.project-link.svelte-rqn88j{color:#fff!important;text-decoration:none;font-weight:600;font-size:1.2rem;padding-left:0!important}.project-link.svelte-rqn88j:hover{color:#60a5fa!important;transform:none}.project-stats.svelte-rqn88j{display:flex;gap:.75rem;flex-shrink:0}.stat.svelte-rqn88j{display:flex;align-items:center;gap:.25rem;color:#8d8d8d;font-size:.875rem}.project-description.svelte-rqn88j{color:#8d8d8d;line-height:1.6;margin:0;padding-left:0;flex:1}.project-meta.svelte-rqn88j{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.5rem}.language.svelte-rqn88j{display:flex;align-items:center;gap:.5rem;color:#8d8d8d;font-size:.875rem}.language-dot.svelte-rqn88j{width:8px;height:8px;border-radius:50%;background-color:var(--color)}.updated.svelte-rqn88j{color:#8d8d8d;font-size:.875rem}.topics.svelte-rqn88j{display:flex;flex-wrap:wrap;gap:.5rem}.topic.svelte-rqn88j{background-color:#191919cc;color:#8d8d8d;padding:.25rem .5rem;border-radius:12px;font-size:.75rem;border:1px solid rgb(25,25,25)}.project-actions.svelte-rqn88j{display:flex;gap:.75rem;margin-top:auto}.project-actions.svelte-rqn88j .btn:where(.svelte-rqn88j){flex:1;text-align:center;padding:.75rem 1rem;font-size:.875rem;padding-left:1rem!important}@media (max-width: 768px){.projects-grid.svelte-rqn88j{grid-template-columns:1fr;gap:1.5rem}.project-header.svelte-rqn88j{flex-direction:column;align-items:flex-start}.project-stats.svelte-rqn88j{align-self:flex-end}.project-actions.svelte-rqn88j{flex-direction:column}}
