.projects[data-astro-cid-ayux7fr6]{background-color:#06070d;min-height:100vh;padding:8rem 0 4rem;position:relative;overflow:hidden;z-index:1}.projects[data-astro-cid-ayux7fr6]:before{content:"";position:absolute;width:200%;height:200%;top:-50%;left:-50%;background-size:40px 40px;background-image:linear-gradient(to right,rgba(30,41,59,.1) 1px,transparent 1px),linear-gradient(to bottom,rgba(30,41,59,.1) 1px,transparent 1px);transform:perspective(500px) rotateX(30deg);z-index:-1;opacity:.4}.container[data-astro-cid-ayux7fr6]{max-width:1280px;margin:0 auto;padding:0 1.5rem}.projects-header[data-astro-cid-ayux7fr6]{text-align:center;margin-bottom:3rem}.projects-header[data-astro-cid-ayux7fr6] h1[data-astro-cid-ayux7fr6]{font-size:3.5rem;font-weight:800;background:linear-gradient(to right,#fff,#aaa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1rem}.subtitle[data-astro-cid-ayux7fr6]{font-size:1.2rem;line-height:1.5;max-width:700px;margin:0 auto;color:#94a3b8}.project-grid[data-astro-cid-ayux7fr6]{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:1.5rem}.project-card[data-astro-cid-ayux7fr6]{position:relative;border-radius:12px;overflow:hidden;height:400px;background-color:#0f172a;box-shadow:0 20px 40px #0006;transition:all .3s cubic-bezier(.17,.67,.83,.67);cursor:pointer;display:flex;flex-direction:column;transform:perspective(1000px) rotateX(0) rotateY(0);transform-style:preserve-3d;border:1px solid rgba(99,102,241,.1);opacity:0;transform:translateY(30px)}.project-card[data-astro-cid-ayux7fr6]:hover{transform:translateY(-10px) scale(1.02);box-shadow:0 30px 60px #00000080,0 0 20px #6366f14d,0 0 0 1px #6366f133;border-color:#6366f14d}.project-card[data-astro-cid-ayux7fr6]:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(to right,transparent,rgba(99,102,241,.5),transparent);opacity:0;transition:opacity .3s ease;z-index:3}.project-card[data-astro-cid-ayux7fr6]:hover:before{opacity:1}.project-image[data-astro-cid-ayux7fr6]{height:100%;width:100%;position:absolute;top:0;left:0}.project-image[data-astro-cid-ayux7fr6] img[data-astro-cid-ayux7fr6]{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.project-card[data-astro-cid-ayux7fr6]:hover .project-image[data-astro-cid-ayux7fr6] img[data-astro-cid-ayux7fr6]{transform:scale(1.05)}.project-overlay[data-astro-cid-ayux7fr6]{position:absolute;bottom:0;left:0;width:100%;height:100%;background:linear-gradient(to top,rgba(0,0,0,.9) 15%,transparent 60%);display:flex;flex-direction:column;justify-content:flex-end;padding:1.5rem;transition:all .3s ease}.project-content[data-astro-cid-ayux7fr6]{transform:translateY(0);transition:transform .3s ease}.project-card[data-astro-cid-ayux7fr6]:hover .project-content[data-astro-cid-ayux7fr6]{transform:translateY(-20px)}.project-overlay[data-astro-cid-ayux7fr6] h3[data-astro-cid-ayux7fr6]{color:#fff;font-size:1.75rem;font-weight:700;margin:0 0 .5rem}.project-overlay[data-astro-cid-ayux7fr6] p[data-astro-cid-ayux7fr6]{color:#94a3b8;font-size:1rem;margin:0}.project-phone[data-astro-cid-ayux7fr6]{position:absolute;width:130px;height:240px;right:1.5rem;bottom:-160px;transition:all .4s ease;opacity:.8}.project-card[data-astro-cid-ayux7fr6]:hover .project-phone[data-astro-cid-ayux7fr6]{bottom:1.5rem;opacity:1}.phone-mockup[data-astro-cid-ayux7fr6]{width:100%;height:100%;border-radius:15px;border:2px solid rgba(255,255,255,.1);overflow:hidden;box-shadow:0 10px 20px #0000004d;background:#000;padding:3px}.phone-mockup[data-astro-cid-ayux7fr6] img[data-astro-cid-ayux7fr6]{width:100%;height:100%;object-fit:cover;border-radius:12px}@media (max-width: 1024px){.project-grid[data-astro-cid-ayux7fr6]{grid-template-columns:repeat(2,1fr)}.projects-header[data-astro-cid-ayux7fr6] h1[data-astro-cid-ayux7fr6]{font-size:3rem}}@media (max-width: 768px){.project-grid[data-astro-cid-ayux7fr6]{grid-template-columns:repeat(1,1fr)}.projects-header[data-astro-cid-ayux7fr6] h1[data-astro-cid-ayux7fr6]{font-size:2.5rem}}.animate-in[data-astro-cid-ayux7fr6]{animation:fadeInUp .8s ease forwards}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}