.project-card[data-astro-cid-mspuyifq]{container-type:inline-size;padding:clamp(1.5rem,4vw,3rem);transition:transform .3s cubic-bezier(.34,1.56,.64,1);width:100%;background-color:#ffffff0d;backdrop-filter:blur(10px);box-shadow:0 4px 20px #0000001a;border-radius:8px}.project-card[data-astro-cid-mspuyifq]:hover{transform:translateY(-4px)}.project-card[data-astro-cid-mspuyifq]:focus-within{outline:2px solid var(--color-primary, #0066cc);outline-offset:4px}.project-layout[data-astro-cid-mspuyifq]{display:grid;gap:clamp(2rem,4vw,3rem);align-items:center}.laptop-mockup[data-astro-cid-mspuyifq]{position:relative;width:100%;max-width:600px;margin:0 auto}.laptop-screen[data-astro-cid-mspuyifq]{position:relative;width:100%;aspect-ratio:16 / 10;background:#1a1a1a;border-radius:12px 12px 0 0;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff1a,0 20px 40px -10px #0000004d}.browser-chrome[data-astro-cid-mspuyifq]{position:absolute;top:0;left:0;right:0;height:24px;background:linear-gradient(to bottom,#2a2a2a,#1f1f1f);border-bottom:1px solid rgba(255,255,255,.05);display:flex;align-items:center;padding:0 12px;z-index:2}.browser-dots[data-astro-cid-mspuyifq]{display:flex;gap:8px}.browser-dots[data-astro-cid-mspuyifq] span[data-astro-cid-mspuyifq]{width:8px;height:8px;border-radius:50%;background:#4a4a4a}.browser-dots[data-astro-cid-mspuyifq] span[data-astro-cid-mspuyifq]:nth-child(1){background:#ff5f57}.browser-dots[data-astro-cid-mspuyifq] span[data-astro-cid-mspuyifq]:nth-child(2){background:#ffbd2e}.browser-dots[data-astro-cid-mspuyifq] span[data-astro-cid-mspuyifq]:nth-child(3){background:#28ca42}.screen-content[data-astro-cid-mspuyifq]{position:absolute;inset:24px 0 0;overflow:hidden;background:#fff}.project-screenshot[data-astro-cid-mspuyifq]{display:block;width:100%;height:auto;animation:autoScroll var(--scroll-duration, 20s) cubic-bezier(.4,0,.6,1) infinite}@keyframes autoScroll{0%,5%{transform:translateY(0)}90%,to{transform:translateY(-37.5%)}}.laptop-mockup[data-astro-cid-mspuyifq]:hover .project-screenshot[data-astro-cid-mspuyifq]{animation-play-state:paused}@media (prefers-reduced-motion: reduce){.project-screenshot[data-astro-cid-mspuyifq]{animation:none;transform:translateY(0)}}.laptop-base[data-astro-cid-mspuyifq]{position:relative;width:110%;height:12px;background:linear-gradient(to bottom,#d1d5db,#9ca3af);border-radius:0 0 8px 8px;margin:0 -5%}.laptop-notch[data-astro-cid-mspuyifq]{position:absolute;bottom:-4px;left:50%;transform:translate(-50%);width:60px;height:4px;background:#6b7280;border-radius:2px 2px 0 0}.laptop-shadow[data-astro-cid-mspuyifq]{position:absolute;bottom:-20px;left:10%;right:10%;height:20px;background:radial-gradient(ellipse at center,rgba(0,0,0,.2) 0%,transparent 70%);filter:blur(10px)}.project-info[data-astro-cid-mspuyifq]{display:flex;flex-direction:column;gap:clamp(1rem,2vw,1.5rem)}.project-title[data-astro-cid-mspuyifq]{font-size:clamp(1.5rem,3vw,2rem);font-weight:700;color:var(--color-accent-light);margin-top:0;margin-bottom:1rem;font-style:normal;line-height:1.3}.project-summary[data-astro-cid-mspuyifq]{font-size:clamp(1rem,1.5vw,1.125rem);line-height:1.6;color:var(--color-text, #4b5563);color:#ffffffe6;margin:.5rem 0 0}.project-addon[data-astro-cid-mspuyifq]{display:inline;font-style:italic;opacity:.9}.tech-stack[data-astro-cid-mspuyifq]{display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;padding:0;margin:0}.tech-badge[data-astro-cid-mspuyifq]{padding:.375rem .875rem;background:var(--color-primary-light, #e0f2fe);color:var(--color-primary-dark, #0c4a6e);border-radius:9999px;font-size:clamp(.8125rem,1vw,.875rem);font-weight:500;white-space:nowrap;transition:transform .2s ease}.tech-badge[data-astro-cid-mspuyifq]:hover{transform:scale(1.05)}.visit-link[data-astro-cid-mspuyifq]{display:inline-flex;align-items:center;gap:.5rem;padding:.875rem 1.5rem;background:var(--color-primary, #0066cc);color:#fff;text-decoration:none;border-radius:8px;font-weight:600;font-size:clamp(.9375rem,1.5vw,1rem);transition:all .2s ease;align-self:flex-start}.visit-link[data-astro-cid-mspuyifq]:hover{background:var(--color-primary-dark, #0052a3);gap:.75rem}.visit-link[data-astro-cid-mspuyifq]:focus-visible{outline:2px solid var(--color-primary, #0066cc);outline-offset:2px}.link-arrow[data-astro-cid-mspuyifq]{transition:transform .2s ease}.visit-link[data-astro-cid-mspuyifq]:hover .link-arrow[data-astro-cid-mspuyifq]{transform:translate(2px,-2px)}@container (min-width: 768px){.project-layout[data-astro-cid-mspuyifq]{grid-template-columns:1fr 1fr;gap:clamp(3rem,5vw,4rem)}}@container (min-width: 1024px){.project-layout[data-astro-cid-mspuyifq]{grid-template-columns:1.2fr 1fr}.laptop-mockup[data-astro-cid-mspuyifq]{max-width:none}}@media (prefers-color-scheme: dark){.project-card[data-astro-cid-mspuyifq]{--card-bg: #1f2937;--color-heading: #f9fafb;--color-text: #d1d5db;--color-primary: #3b82f6;--color-primary-dark: #2563eb;--color-primary-light: #1e3a8a}.tech-badge[data-astro-cid-mspuyifq]{background:#3b82f633;color:#93bbfc}.laptop-base[data-astro-cid-mspuyifq]{background:linear-gradient(to bottom,#4b5563,#374151)}.laptop-notch[data-astro-cid-mspuyifq]{background:#1f2937}}