.projectCard{perspective:1000px;border-radius:20px;width:320px;height:220px;overflow:hidden}.projectCardInner{width:100%;height:100%;transform-style:preserve-3d;transition:transform .8s cubic-bezier(.4,0,.2,1);position:relative}.projectCard:hover .projectCardInner{transform:rotateY(180deg)}.projectCardFront,.projectCardBack{backface-visibility:hidden;border-radius:20px;width:100%;height:100%;position:absolute;overflow:hidden}.projectCardFront{-webkit-backdrop-filter:blur(10px);color:#fff;background:#ffffff0d;border:1px solid #ffffff1a;justify-content:center;align-items:center;font-size:24px;display:flex;transform:rotateY(0);box-shadow:0 8px 32px #0000004d}.projectCardFront.pc1{border:2px solid #f0895d80}.projectCardFront.pc2{border:2px solid #cd260080}.projectCardFront.pc3{border:2px solid #09507e80}.projectCardFront.pc4{border:2px solid #00a86b80}.projectCardBack.pc1{background:#f05d5d26;border:1px solid #f05d5d4d;box-shadow:0 8px 32px #f05d5d26,inset 0 0 20px #f05d5d0d}.projectCardBack.pc2{background:#cd260026;border:1px solid #cd26004d;box-shadow:0 8px 32px #cd260026,inset 0 0 20px #cd26000d}.projectCardBack.pc3{background:#09507e26;border:1px solid #09507e4d;box-shadow:0 8px 32px #09507e26,inset 0 0 20px #09507e0d}.projectCardBack.pc4{background:#00a86b26;border:1px solid #00a86b4d;box-shadow:0 8px 32px #00a86b26,inset 0 0 20px #00a86b0d}.projectCardBack{color:#fff;-webkit-backdrop-filter:blur(20px);background:#00a86b26;border:1px solid #0fe3;border-radius:20px;flex-direction:column;gap:15px;padding:20px;font-size:15px;display:flex;transform:rotateY(180deg);box-shadow:0 8px 32px #00ffee26,inset 0 0 20px #00ffee0d}.projectCardBack h1{color:#0fe;text-shadow:0 0 10px #00ffee80;font-size:18px;font-weight:700}.projectCardBack span,.projectCardBack a{cursor:pointer;color:#fff;background:#ffffff0d;border-radius:8px;align-items:center;padding:8px 12px;text-decoration:none;transition:all .3s;display:flex}.projectCardBack span:hover,.projectCardBack a:hover{background:#00ffee26;transform:translate(5px);box-shadow:0 0 15px #00ffee4d}