.project-card{width:20rem;overflow:hidden;border-radius:28px;border:1px solid #2a2f3a;background:#020817;box-shadow:0 0 30px rgba(0,0,0,.4);transition:transform .3s ease,box-shadow .3s ease}.project-card:hover{transform:translateY(-4px);box-shadow:0 0 40px rgba(59,130,246,.15)}.project-image-container{width:100%;height:13rem;overflow:hidden;position:relative}.project-image{width:95%;height:80%;-o-object-fit:cover;object-fit:cover;display:block;position:absolute;top:45%;left:50%;transform:translate(-50%,-50%);border-radius:1rem}.project-content{padding-left:1rem;padding-bottom:1rem;display:flex;flex-direction:column;gap:24px}.project-text h2{margin-top:-1rem;font-size:1.5rem;font-weight:600;color:white}.project-text p{margin-top:.2rem;margin-bottom:.1rem;font-size:.95rem;line-height:1.6;color:#b6bcc8}.project-tags{margin-bottom:1rem;display:flex;flex-wrap:wrap;gap:.2rem}.project-tag{padding:8px 16px;border-radius:999px;border:1px solid #143a66;background:#04111f;color:#4ea3ff;font-size:.85rem}.project-buttons{display:flex;align-items:flex-start;gap:.5rem;margin-top:1rem}.project-button{display:flex;align-items:left;gap:.5rem;padding:.5rem .8rem;border-radius:999px;border:1px solid #143a66;background:#04111f;color:white;text-decoration:none;transition:background .3s ease,border-color .3s ease,transform .2s ease}.project-button:hover{background:#071a2f;border-color:#2563eb;transform:translateY(-2px)}