.projectsHeader{

display:flex;

justify-content:space-between;

align-items:center;

margin-bottom:30px;

}

.projectsGrid{

display:grid;

grid-template-columns:repeat(auto-fill,minmax(360px,1fr));

gap:25px;

}

.projectCard{

background:#182235;

border:1px solid #27344A;

border-radius:18px;

padding:28px;

transition:.25s;

display:flex;

flex-direction:column;

}

.projectCard:hover{

border-color:#3B82F6;

transform:translateY(-3px);

}

.projectName{

font-size:24px;

font-weight:700;

margin-bottom:8px;

}

.projectUrl{

color:#94A3B8;

font-size:14px;

margin-bottom:20px;

word-break:break-word;

}

.projectStats{

display:flex;

flex-wrap:wrap;

gap:10px;

margin-bottom:20px;

}

.projectStat{

background:#111827;

padding:8px 14px;

border-radius:8px;

font-size:13px;

color:#CBD5E1;

}

.projectButton{

width:100%;

margin-top:auto;

}