.projects-page.svelte-rqn88j{padding:var(--space-3xl) 0}.page-header.svelte-rqn88j{text-align:center;margin-bottom:var(--space-3xl)}h1.svelte-rqn88j{font-size:clamp(2.5rem,5vw,4rem);margin-bottom:var(--space-md)}.subtitle.svelte-rqn88j{color:var(--color-text-secondary);font-size:1.25rem;max-width:600px;margin:0 auto}.filters.svelte-rqn88j{display:flex;justify-content:center;gap:var(--space-md);margin-bottom:var(--space-3xl);flex-wrap:wrap}.filter-btn.svelte-rqn88j{padding:var(--space-sm) var(--space-xl);background:var(--color-surface);border:var(--border-medium) solid;border-radius:var(--radius-full);color:var(--color-text);font-weight:900;cursor:pointer;transition:all var(--transition-base);text-transform:uppercase;letter-spacing:.05em;position:relative;overflow:hidden}.filter-btn.svelte-rqn88j:nth-child(1){border-color:var(--color-primary)}.filter-btn.svelte-rqn88j:nth-child(2){border-color:var(--color-secondary)}.filter-btn.svelte-rqn88j:nth-child(3){border-color:var(--color-accent)}.filter-btn.svelte-rqn88j:hover{background:var(--color-quaternary);color:var(--color-black);transform:translate(-3px,-3px);box-shadow:5px 5px 0 var(--color-tertiary)}.filter-btn.active.svelte-rqn88j{background:var(--color-primary);color:var(--color-white);border-color:var(--color-orange);box-shadow:5px 5px 0 var(--color-accent),10px 10px 0 var(--color-secondary);transform:translate(-2px,-2px)}.projects-grid.svelte-rqn88j{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:var(--space-xl)}.project-card.svelte-rqn88j{padding:var(--space-xl);position:relative;overflow:visible;display:flex;flex-direction:column;min-height:400px;transition:transform var(--transition-base),box-shadow var(--transition-base)}.project-card.svelte-rqn88j:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 12px 24px #00000026}.project-card.svelte-rqn88j:nth-child(6n+1){background:var(--color-surface);border-color:var(--color-primary);border-left:var(--border-extra-thick) solid var(--color-primary)}.project-card.svelte-rqn88j:nth-child(6n+2){background:var(--color-surface);border-color:var(--color-secondary);border-left:var(--border-extra-thick) solid var(--color-secondary)}.project-card.svelte-rqn88j:nth-child(6n+3){background:var(--color-surface);border-color:var(--color-accent);border-left:var(--border-extra-thick) solid var(--color-accent)}.project-card.svelte-rqn88j:nth-child(6n+4){background:var(--color-surface);border-color:var(--color-tertiary);border-left:var(--border-extra-thick) solid var(--color-tertiary)}.project-card.svelte-rqn88j:nth-child(6n+5){background:var(--color-surface);border-color:var(--color-quaternary);border-left:var(--border-extra-thick) solid var(--color-quaternary)}.project-card.svelte-rqn88j:nth-child(6n+6){background:var(--color-surface);border-color:var(--color-orange);border-left:var(--border-extra-thick) solid var(--color-orange)}.project-card.featured.svelte-rqn88j:before{content:"★";position:absolute;top:-25px;right:15px;font-size:3rem;color:var(--color-accent);text-shadow:3px 3px 0 var(--color-primary);animation:float 2s ease-in-out infinite;z-index:5;pointer-events:none}.featured-badge.svelte-rqn88j{position:absolute;top:-15px;right:var(--space-lg);padding:var(--space-xs) var(--space-lg);background:var(--color-accent);color:var(--color-black);font-size:.875rem;font-weight:900;border-radius:var(--radius-md);text-transform:uppercase;letter-spacing:.05em;border:var(--border-medium) solid var(--color-primary);box-shadow:4px 4px 0 var(--color-secondary),8px 8px 0 var(--color-tertiary);z-index:10;pointer-events:none}.project-header.svelte-rqn88j{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-lg)}.project-number.svelte-rqn88j{font-size:3rem;font-weight:900;color:var(--color-primary);opacity:.3}.project-category.svelte-rqn88j{font-size:.875rem;color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.05em;font-weight:600}.project-card.svelte-rqn88j h2:where(.svelte-rqn88j){font-size:1.75rem;margin-bottom:var(--space-md);color:var(--color-text)}.project-description.svelte-rqn88j{color:var(--color-text-secondary);line-height:1.7;margin-bottom:var(--space-lg);flex-grow:1}.tech-stack.svelte-rqn88j{display:flex;flex-wrap:wrap;gap:var(--space-xs);margin-bottom:var(--space-lg)}.tech-badge.svelte-rqn88j{background:var(--color-surface);color:var(--color-text);padding:var(--space-xs) var(--space-md);border-radius:var(--radius-full);font-size:.8rem;font-weight:700;border:var(--border-thin) solid;transition:all var(--transition-fast)}.tech-badge.svelte-rqn88j:nth-child(4n+1){border-color:var(--color-primary)}.tech-badge.svelte-rqn88j:nth-child(4n+2){border-color:var(--color-secondary)}.tech-badge.svelte-rqn88j:nth-child(4n+3){border-color:var(--color-accent)}.tech-badge.svelte-rqn88j:nth-child(4n+4){border-color:var(--color-tertiary)}.project-card.svelte-rqn88j:hover .tech-badge:where(.svelte-rqn88j){transform:translate(-2px,-2px);box-shadow:3px 3px 0 currentColor}.project-card.svelte-rqn88j:hover .tech-badge:where(.svelte-rqn88j):nth-child(4n+1){background:var(--color-primary);color:#fff}.project-card.svelte-rqn88j:hover .tech-badge:where(.svelte-rqn88j):nth-child(4n+2){background:var(--color-secondary);color:#fff}.project-card.svelte-rqn88j:hover .tech-badge:where(.svelte-rqn88j):nth-child(4n+3){background:var(--color-accent);color:#000}.project-card.svelte-rqn88j:hover .tech-badge:where(.svelte-rqn88j):nth-child(4n+4){background:var(--color-tertiary);color:#fff}.project-footer.svelte-rqn88j{margin-top:auto;padding-top:var(--space-md);border-top:1px solid var(--color-border)}.project-link.svelte-rqn88j{display:inline-flex;align-items:center;gap:var(--space-sm);color:var(--color-primary);text-decoration:none;font-weight:600;font-size:1rem;transition:all var(--transition-base)}.project-link.svelte-rqn88j .arrow:where(.svelte-rqn88j){display:inline-block;transition:transform var(--transition-base)}.project-link.svelte-rqn88j:hover{color:var(--color-primary-dark)}.project-link.svelte-rqn88j:hover .arrow:where(.svelte-rqn88j){transform:translate(6px)}@media(max-width:768px){.filters.svelte-rqn88j{gap:var(--space-sm)}.filter-btn.svelte-rqn88j{padding:var(--space-xs) var(--space-md);font-size:.875rem}.projects-grid.svelte-rqn88j{grid-template-columns:1fr;gap:var(--space-lg)}.project-card.svelte-rqn88j{min-height:auto;padding:var(--space-lg)}.project-number.svelte-rqn88j{font-size:2rem}.project-card.svelte-rqn88j h2:where(.svelte-rqn88j){font-size:1.5rem}}@media(max-width:480px){.page-header.svelte-rqn88j{margin-bottom:var(--space-xl)}.subtitle.svelte-rqn88j{font-size:1rem}.filters.svelte-rqn88j{flex-direction:column;width:100%}.filter-btn.svelte-rqn88j{width:100%;text-align:center}.projects-grid.svelte-rqn88j{gap:var(--space-md)}.project-card.svelte-rqn88j{padding:var(--space-md)}.featured-badge.svelte-rqn88j{top:var(--space-md);right:var(--space-md);font-size:.7rem;padding:4px var(--space-xs)}.project-number.svelte-rqn88j{font-size:1.5rem}.project-category.svelte-rqn88j{font-size:.75rem}.project-card.svelte-rqn88j h2:where(.svelte-rqn88j){font-size:1.25rem}.project-description.svelte-rqn88j{font-size:.95rem}.tech-badge.svelte-rqn88j{font-size:.75rem;padding:4px var(--space-xs)}}