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