.project-card{background:linear-gradient(to right,var(--bg-dark),var(--bg-dark-2));border:1px solid var(--border-dark);border-radius:.75rem;flex-direction:column;transition:all .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 0 1rem #000}.project-card:hover .card-title{border-color:var(--primary-hover);color:var(--primary-hover)}.card-image-container{height:12rem;overflow:hidden}.card-image{object-fit:cover;width:100%;height:100%;transition:transform .5s}.project-card:hover .card-image{transform:scale(1.1)}.card-content{flex-direction:column;flex:1;padding:1.5rem;display:flex}.card-header{margin-bottom:1rem}.card-title{margin-bottom:.75rem;font-size:1.25rem;font-weight:700}.card-desc{color:var(--text-gray);font-size:.875rem}.card-tags{flex-wrap:wrap;gap:.5rem;margin-top:auto;margin-bottom:1.25rem;display:flex}.tag{background:var(--bg-dark);border:1px solid var(--border-dark);color:#d1d5db;border-radius:9999px;padding:.25rem .75rem;font-size:.75rem}.card-actions{gap:.5rem;display:flex}.card-link{color:#fff;border-radius:9999px;grid-template-columns:auto 0fr;grid-auto-flow:column;align-items:center;gap:0;padding:.55rem;font-size:.85rem;font-weight:700;line-height:1;text-decoration:none;transition:grid-template-columns .25s,padding .25s,transform .15s,filter .15s;display:inline-grid;overflow:hidden}.card-link .material-symbols-outlined{font-size:1.05rem}.card-link .label{white-space:nowrap;opacity:0;color:#fff;transition:opacity .2s,transform .25s;overflow:hidden;transform:translate(-6px)}.card-link:hover{filter:brightness(1.1);grid-template-columns:auto 1fr;padding:.55rem 1.4rem;transform:scale(1.05)}.card-link:hover .label{opacity:1;margin-left:1rem;transform:translate(0)}.card-link.check{background:linear-gradient(135deg,#3a8053,#16a34a)}.card-link.demo{background:linear-gradient(135deg,var(--primary),var(--primary-hover))}.card-link.repo{background:linear-gradient(135deg,#7c22c5,#9316a3)}.card-link.check:hover{box-shadow:0 0 18px #22c55ea6}.card-link.demo:hover{box-shadow:0 0 18px var(--primary-hover)}.card-link.repo:hover{box-shadow:0 0 18px #7c22c5}.card-link:active{transform:scale(1.02)}