.projects-container{padding:4rem 2rem}.projects-heading{text-align:center;font-size:2.5rem;color:#ffffff;margin-bottom:3rem}.project-card-container{position:relative;overflow:hidden;border-radius:12px;height:100%;perspective:1000px;cursor:pointer}.project-card{background-color:#1a1a2e;color:#eaeaea;border:none;border-radius:12px;overflow:hidden;transition:all .4s cubic-bezier(.175,.885,.32,1.275);min-height:500px;height:100%;box-shadow:0 6px 12px rgba(0,0,0,.15);transform-style:preserve-3d}.project-card-hovered{transform:translateY(-10px);box-shadow:0 15px 30px rgba(0,0,0,.3)}.project-image-container{position:relative;overflow:hidden;height:350px}.project-image{width:100%;height:100%;object-fit:cover;transition:transform .8s ease;background-color:#161b22;opacity:0;animation:fadeIn .5s ease-in-out forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.project-card-hovered .project-image{transform:scale(1.08)}.project-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.project-overlay-visible{opacity:1}.project-overlay-content{text-align:center;padding:20px;color:#fff}.project-overlay-content h3{font-size:1.5rem;margin-bottom:15px;text-shadow:0 2px 4px rgba(0,0,0,.4)}.project-buttons{gap:10px}.project-button,.project-buttons{display:flex;justify-content:center}.project-button{width:40px;height:40px;align-items:center;border-radius:50%;background:rgba(30,144,255,.9);border:none;transition:all .3s ease}.project-button:hover{background:#1e90ff;transform:scale(1.1)}.project-meta{padding:20px}.project-meta .ant-card-meta-title{color:#ffffff;font-size:1.3rem;margin-bottom:10px}.project-meta .ant-card-meta-description{color:rgba(255,255,255,.7)}.project-description{margin-bottom:15px;min-height:80px}.project-tags{padding:0 20px 20px;display:flex;flex-wrap:wrap;gap:8px}.project-tag{background:rgba(30,144,255,.2);border:1px solid rgba(30,144,255,.4);color:#7bc5ff;border-radius:20px;padding:4px 12px;font-size:.85rem}.project-modal .ant-modal-content{background:#1a1a2e;border-radius:15px;overflow:hidden;border:1px solid rgba(255,255,255,.1)}.project-modal .ant-modal-header{background:#1a1a2e;border-bottom:1px solid rgba(255,255,255,.1)}.project-modal .ant-modal-body{padding:24px;color:#eaeaea}.modal-close-icon{color:rgba(255,255,255,.7);font-size:18px}.modal-close-icon:hover{color:#ffffff}.project-modal-content,.project-modal-header{display:flex;flex-direction:column}.project-modal-header{align-items:center;text-align:center;margin-bottom:20px}.project-modal-image{width:140px;height:140px;object-fit:cover;border-radius:12px;margin-bottom:15px;border:3px solid rgba(30,144,255,.6);box-shadow:0 0 20px rgba(30,144,255,.3)}.project-modal-github-link{display:flex;justify-content:center;margin:20px 0}.project-modal-features{padding-left:20px;color:rgba(255,255,255,.8)}.project-modal-features li{margin-bottom:10px}.project-modal-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.project-modal-links{display:flex;justify-content:center;gap:15px;margin-top:20px}.project-modal .ant-typography{color:rgba(255,255,255,.9)}.project-modal .ant-divider{border-color:rgba(255,255,255,.1)}.project-modal .ant-btn-primary{background:#1e90ff;border-color:#1e90ff}.project-modal .ant-btn-primary:hover{background:#0077cc;border-color:#0077cc}@media (max-width:768px){.projects-container{padding:3rem 1rem}.project-image-container{height:280px}.project-card{min-height:450px}}