*{margin:0;padding:0;box-sizing:border-box;font-family:Arial;}

body{
background:#020617;
color:white;
transition:.4s;
}

body.light{
background:white;
color:#020617;
}

header{text-align:center;padding:30px;}
nav a{color:#38bdf8;margin:0 10px;text-decoration:none;}

.controls button{
margin:5px;
padding:5px 10px;
border:none;
border-radius:6px;
cursor:pointer;
}

section{padding:60px 10%;}

.cards{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
gap:25px;
}

.card{
background:#0f172a;
padding:20px;
border-radius:10px;
transition:.3s;
}

body.light .card{background:#f1f5f9;}

.card:hover{transform:translateY(-5px);}

.stack{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(150px,1fr));
gap:10px;
}

.badges img{margin:5px;}

.cv{
display:inline-block;
margin-top:15px;
color:#38bdf8;
}

.evidence img{
width:100%;
max-width:300px;
margin:10px;
border-radius:10px;
}

.fade{opacity:0;transform:translateY(30px);transition:1s;}
.fade.show{opacity:1;transform:none;}

footer{text-align:center;padding:20px;}