body{

margin:0;

font-family:Arial,sans-serif;

background:#202124;

color:white;

}

header{

padding:80px;

text-align:center;

}

h1{

font-size:54px;

margin-bottom:20px;

}

.subtitle{

font-size:22px;

color:#bbbbbb;

}

.buttons{

margin-top:40px;

}

.buttons a{

padding:15px 35px;

margin:10px;

background:#4285F4;

color:white;

text-decoration:none;

border-radius:8px;

display:inline-block;

}

section{

padding:60px;

max-width:1200px;

margin:auto;

}

.cards{

display:grid;

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

gap:25px;

}

.card{

background:#303134;

padding:25px;

border-radius:10px;

transition:0.2s;

}

.card:hover{

transform:translateY(-5px);

}

footer{

text-align:center;

padding:30px;

color:#888;

}