.flip-card-container{perspective:1000px;width:100%;max-width:500px;margin:0}.flip-card{cursor:pointer;width:100%;height:500px;transform-style:preserve-3d;transition:transform .7s;position:relative}.flip-card.flipped{transform:rotateY(180deg)}.backface-hidden{backface-visibility:hidden}.rotate-y-180{transform:rotateY(180deg)}.front-card-title{font-size:var(--font-size-h5);color:var(--text-primary);font-weight:400}.front-card-description{font-size:var(--font-size-p);color:var(--text-secondary);line-height:1.8}.back-card-title{font-size:var(--font-size-h5);color:var(--text-primary);font-weight:400}.back-card-description{font-size:var(--font-size-small);color:var(--text-primary);line-height:1.6}.ModalContent{background-color:var(--background);border-radius:1.5rem;flex-direction:column;justify-content:center;align-items:center;gap:2rem;max-width:800px;height:fit-content;max-height:90vh;padding:3rem;display:flex}.Modal{justify-content:center;align-items:center;display:flex}.ModalBody{color:var(--text-secondary);padding:0;font-size:1.1rem;line-height:1.8}.ProjectHighlights{color:var(--text-muted-primary);text-transform:uppercase;font-size:var(--font-size-small);font-weight:400}.overflow-y-auto{scrollbar-width:thin;scrollbar-color:#9b9b9b80 transparent}.overflow-y-auto::-webkit-scrollbar{width:8px}.overflow-y-auto::-webkit-scrollbar-track{background:0 0}.overflow-y-auto::-webkit-scrollbar-thumb{background-color:#9b9b9b80;background-clip:padding-box;border:2px solid #0000;border-radius:4px}.overflow-y-auto::-webkit-scrollbar-thumb:hover{background-color:#9b9b9bb3}