.wrapper{grid-gap:2.5rem;display:grid;gap:2.5rem;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin:0 auto 10rem;max-width:1400px;padding:2rem}.card-link{color:inherit;text-decoration:none}.dev-card{animation:cardAppear .6s ease backwards;border:2px solid #ffffff1a;border-radius:20px;box-shadow:0 4px 20px #0000004d;overflow:hidden;position:relative;transition:all .5s cubic-bezier(.34,1.56,.64,1)}.dev-card:hover{border-color:#f5c0ff66;box-shadow:0 8px 40px #ffc0cb26;transform:translateY(-8px)}.dev-card:before{background:linear-gradient(45deg,#0000,#ffc0cb08);content:"";height:100%;left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .5s ease}.dev-card:hover:before{opacity:1}.dev-card__body{display:flex;flex-direction:column;padding:2rem;position:relative;z-index:1}.dev-card__image{display:block;height:15rem;margin:0 auto;object-fit:contain;padding:25px;transition:transform .5s ease;width:100%}.dev-card:hover .dev-card__image{transform:scale(1.05)}.dev-card__title{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#fff,#e0e0e0);-webkit-background-clip:text;background-clip:text;color:#fff;display:inline-block;font-size:1.6rem;font-weight:600;margin:0 0 1rem;opacity:.9;position:relative;transition:opacity .3s ease}.dev-card__title:after{background:#fac0ff;bottom:-4px;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.dev-card:hover .dev-card__title{opacity:1}.dev-card:hover .dev-card__title:after{width:100%}.dev-card__extract{color:#a0a0a0;flex-grow:1;font-size:.95rem;line-height:1.7;margin-bottom:1rem;transition:color .3s ease}.dev-card:hover .dev-card__extract{color:#fff}.dev-card__date{color:grey;font-size:.875rem;margin-bottom:1.5rem;text-align:left;transition:color .3s ease}.dev-card:hover .dev-card__date{color:#bbb}.dev-card__btn{align-items:center;align-self:flex-start;background:#ffc0cb0d;border:1px solid #ffffff1a;border-radius:20px;color:#fff;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:500;overflow:hidden;padding:.6rem 1.2rem;position:relative;text-decoration:none;transition:all .3s ease}.dev-card__btn:hover{background:#f8c0ff1a;border-color:#fdc0ff4d;padding-right:1.8rem}.dev-card__btn:after{content:"→";font-size:1.2rem;margin-left:.5rem;opacity:0;transform:translateX(-10px);transition:all .3s ease}.dev-card__btn:hover:after{opacity:1;transform:translateX(0)}@keyframes cardAppear{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.dev-card:first-child{animation-delay:.05s}.dev-card:nth-child(2){animation-delay:.15s}.dev-card:nth-child(3){animation-delay:.25s}.dev-card:nth-child(4){animation-delay:.35s}@media (min-width:1024px){.wrapper{grid-template-columns:repeat(3,1fr)}}@media (max-width:1023px) and (min-width:769px){.wrapper{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.wrapper{grid-template-columns:1fr;padding:1rem}.dev-card{margin:0 1rem}}.page-header{margin:0 auto;max-width:1000px;padding:4rem 1rem 2rem;text-align:center}.component-title{color:#fff;font-size:2.5rem;margin-bottom:1rem}.header-subtitle{color:#a0a0a0;font-size:1.2rem;margin:0 auto;max-width:800px}
/*# sourceMappingURL=352.d69a7677.chunk.css.map*/