.cardPortofolio{cursor:pointer;border-radius:16px;width:100%;height:100%;position:relative;overflow:hidden}.card-bg{z-index:0;transition:transform .55s;position:absolute;inset:0}.cardPortofolio:hover .card-bg{transform:scale(1.06)}.card-overlay{z-index:1;background:linear-gradient(#00000014 0%,#00000040 40%,#000000bf 100%);transition:background .4s;position:absolute;inset:0}.cardPortofolio:hover .card-overlay{background:linear-gradient(#00000026 0%,#0006 40%,#000000e0 100%)}.card-category{z-index:2;-webkit-backdrop-filter:blur(8px);color:#fff;text-transform:uppercase;letter-spacing:.05em;background:#ffffff26;border:1px solid #ffffff40;border-radius:999px;align-items:center;gap:.4rem;padding:.3rem .75rem;font-size:.72rem;font-weight:600;transition:background .3s,border-color .3s;display:inline-flex;position:absolute;top:1rem;left:1rem}.cardPortofolio:hover .card-category{background:#d81e5bd1;border-color:#0000}.card-content{z-index:2;flex-direction:column;gap:.5rem;padding:1.25rem;transition:transform .35s;display:flex;position:absolute;bottom:0;left:0;right:0;transform:translateY(10px)}.cardPortofolio:hover .card-content{transform:translateY(0)}.card-tags{opacity:0;flex-wrap:wrap;gap:.35rem;transition:opacity .3s 50ms,transform .3s 50ms;display:flex;transform:translateY(8px)}.cardPortofolio:hover .card-tags{opacity:1;transform:translateY(0)}.card-tag{color:#fff;background:#ffffff26;border:1px solid #ffffff4d;border-radius:999px;padding:.2rem .6rem;font-size:.7rem;font-weight:500}.card-titre{color:#fff;text-shadow:0 1px 4px #0000004d;margin:0;font-size:1rem;font-weight:700;line-height:1.3}.cardPortofolio.featured .card-titre{font-size:1.25rem}.cardPortofolio.featured .card-content{padding:1.75rem}.card-link{background:linear-gradient(135deg,var(--primary),#ff6b9d);color:#fff;opacity:0;border-radius:999px;align-items:center;gap:.5rem;width:fit-content;padding:.5rem 1.1rem;font-size:.82rem;font-weight:600;text-decoration:none;transition:opacity .3s .1s,transform .3s .1s,box-shadow .25s;display:inline-flex;transform:translateY(10px)}.cardPortofolio:hover .card-link{opacity:1;transform:translateY(0)}.card-link:hover{box-shadow:0 4px 14px #d81e5b73}.card-link i{font-size:.75rem;transition:transform .2s}.card-link:hover i{transform:translate(3px)}
.listPortofolio{background:var(--background);padding:5rem 2rem;position:relative;overflow:hidden;min-height:fit-content!important}.portfolio-blob1,.portfolio-blob2{filter:blur(90px);pointer-events:none;z-index:0;border-radius:50%;position:absolute}.portfolio-blob1{background:radial-gradient(circle,#d81e5b1a 0%,#0000 70%);width:420px;height:420px;top:-80px;right:-100px}.portfolio-blob2{background:radial-gradient(circle,#00cecb1a 0%,#0000 70%);width:380px;height:380px;bottom:0;left:-100px}.portfolio-header{z-index:1;text-align:center;margin-bottom:2.5rem;position:relative}.portfolio-header h2{color:#1a1a2e;margin:.75rem 0 .6rem;font-size:clamp(1.8rem,3.5vw,2.6rem);font-weight:700}.portfolio-header p{color:#666;max-width:520px;margin:0 auto;font-size:1rem;line-height:1.6}.portfolio-badge{color:var(--primary);text-transform:uppercase;letter-spacing:.06em;background:#d81e5b14;border:1px solid #d81e5b33;border-radius:999px;align-items:center;gap:.45rem;padding:.35rem 1rem;font-size:.78rem;font-weight:600;display:inline-flex}.portfolio-badge-dot{background:var(--primary);border-radius:50%;width:7px;height:7px;animation:2s ease-in-out infinite pfBadgePulse}@keyframes pfBadgePulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.7)}}.portfolio-gradient{background:linear-gradient(135deg,var(--primary),#ff6b9d);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.portfolio-filters{z-index:1;flex-wrap:wrap;justify-content:center;gap:.5rem;margin-bottom:2.5rem;display:flex;position:relative}.portfolio-filter-btn{color:#555;cursor:pointer;background:#fff;border:1.5px solid #0000001f;border-radius:999px;padding:.45rem 1.1rem;font-size:.85rem;font-weight:500;transition:all .25s}.portfolio-filter-btn:hover{border-color:var(--primary);color:var(--primary)}.portfolio-filter-btn.active{background:linear-gradient(135deg,var(--primary),#ff6b9d);color:#fff;border-color:#0000;font-weight:600;box-shadow:0 4px 14px #d81e5b4d}.gridPortofolio{z-index:1;grid-template-columns:repeat(3,1fr);grid-auto-rows:260px;gap:1.25rem;width:100%;max-width:1200px;margin:0 auto;display:grid;position:relative}.gridPortofolio .cardPortofolio.featured{grid-area:span 2/span 2}.portfolio-cta{z-index:1;justify-content:center;width:100%;margin-top:3rem;display:flex;position:relative}.portfolio-cta-btn{background:0 0;background:#fff padding-box,linear-gradient(135deg,var(--primary),#ff6b9d)border-box;color:var(--primary);border:2px solid #0000;border-radius:999px;align-items:center;gap:.6rem;padding:.75rem 2rem;font-size:.95rem;font-weight:600;text-decoration:none;transition:all .25s;display:inline-flex}.portfolio-cta-btn i{transition:transform .25s}.portfolio-cta-btn:hover{background:linear-gradient(135deg,var(--primary),#ff6b9d)padding-box,linear-gradient(135deg,var(--primary),#ff6b9d)border-box;color:#fff;box-shadow:0 6px 20px #d81e5b4d}.portfolio-cta-btn:hover i{transform:translate(4px)}@media (max-width:900px){.gridPortofolio{grid-template-columns:repeat(2,1fr);grid-auto-rows:220px}.gridPortofolio .cardPortofolio.featured{grid-area:span 1/span 2}}@media (max-width:600px){.listPortofolio{padding:3.5rem 1rem}.gridPortofolio{grid-template-columns:1fr;grid-auto-rows:220px}.gridPortofolio .cardPortofolio.featured{grid-area:span 1/span 1}}