.hero{

margin-bottom:35px;

}

.hero h1{

font-size:54px;

font-weight:800;

margin-bottom:12px;

}

.hero p{

font-size:20px;

color:#94A3B8;

}

.statCard{

background:#182235;

border:1px solid #27344A;

border-radius:18px;

padding:30px;

transition:.25s;

}

.statCard:hover{

transform:translateY(-4px);

border-color:#3B82F6;

}

.statCard h4{

font-size:15px;

color:#9CA3AF;

margin-bottom:15px;

}

.statCard h2{

font-size:42px;

font-weight:800;

}

.panel{

background:#182235;

border:1px solid #27344A;

border-radius:20px;

padding:30px;

margin-top:30px;

}

.panel h3{

font-size:24px;

margin-bottom:25px;

}


.projectsHeader{

display:flex;
justify-content:space-between;
align-items:center;
margin-bottom:30px;

}

.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:10px;

}

.projectUrl{

color:#94A3B8;

margin-bottom:20px;

word-break:break-word;

}

.projectStats{

display:flex;

gap:18px;

margin-top:15px;

margin-bottom:20px;

flex-wrap:wrap;

}

.projectStat{

background:#111827;

padding:8px 14px;

border-radius:8px;

font-size:14px;

color:#CBD5E1;

}