.project-card{background:var(--card-background);border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.08);overflow:hidden;display:flex;flex-direction:column;align-items:center;margin:1rem;max-width:320px;transition:box-shadow .2s;padding-bottom:1rem}.project-card:hover{box-shadow:0 4px 16px rgba(0,0,0,.15)}.card-image img{width:100%;height:auto;display:block;object-fit:cover}.card-content{padding:1rem;text-align:center}.card-actions{margin-top:1rem;display:flex;gap:.5rem;justify-content:center}.card-action-btn{background:#000c16;color:#fff;border:none;border-radius:6px;padding:.5rem 1rem;text-decoration:none;font-weight:500;cursor:pointer;transition:background .2s}.card-action-btn:hover{background:#237ac2}@media (max-width:600px){.project-card{max-width:100%!important;min-width:0!important;width:100%!important;margin:0 auto 1rem!important;border-radius:10px!important;box-shadow:0 2px 8px rgba(0,0,0,.08);padding:.5rem!important}.card-content{padding:.75rem!important}.card-content h3{font-size:1.1rem!important}.card-actions{flex-direction:column;gap:.5rem}.card-action-btn{width:100%;min-width:0;font-size:.95rem;padding:.5rem .75rem}.card-image img{width:5rem!important;min-width:60px!important;max-width:100px!important;height:auto!important;border-radius:20px!important;margin:0 auto 1rem!important;display:block!important;object-fit:cover!important}}@media (max-width:400px){.project-card{padding:.25rem!important}.card-content{padding:.5rem!important}.card-content h3{font-size:1rem!important}.card-action-btn{font-size:.9rem;padding:.4rem .5rem}}