body{

margin:0;

font-family:Arial;

background:#202124;

color:white;

}

.container{

width:90%;

max-width:1200px;

margin:auto;

padding-top:40px;

}

h1{

text-align:center;

font-size:48px;

}

p{

text-align:center;

color:#bbbbbb;

}

.cards{

display:grid;

grid-template-columns:repeat(auto-fit,minmax(250px,1fr));

gap:25px;

margin-top:50px;

}

.card{

background:#2d2d2d;

padding:30px;

border-radius:12px;

text-decoration:none;

color:white;

transition:0.3s;

}

.card:hover{

background:#3f3f3f;

transform:scale(1.03);

}

footer{

margin-top:60px;

text-align:center;

color:#888;

}