body{
margin:0;
font-family: 'Segoe UI', sans-serif;
background: linear-gradient(135deg,#0a1f44,#163a6b);
color:white;
text-align:center;
}

.header{
display:flex;
align-items:center;
justify-content:center;
gap:20px;
padding:30px;
}

.logo{
width:120px;
}

.titulo h1{
margin:0;
font-size:28px;
letter-spacing:1px;
}

.titulo p{
margin:0;
opacity:0.8;
}

.menu{
background:#06142b;
padding:15px;
}

.menu a{
color:white;
margin:0 15px;
text-decoration:none;
font-weight:bold;
}

.menu a:hover{
color:#d4af37;
}

.cursos{
display:flex;
justify-content:center;
gap:30px;
padding:50px;
flex-wrap:wrap;
}

.card{
background:white;
color:#222;
padding:30px;
width:260px;
border-radius:15px;
box-shadow:0 10px 30px rgba(0,0,0,0.3);
transition:.3s;
}

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

.btn{
display:inline-block;
margin-top:15px;
padding:10px 20px;
background:#d4af37;
color:white;
text-decoration:none;
border-radius:8px;
font-weight:bold;
}

footer{
margin-top:50px;
padding:20px;
background:#06142b;
font-size:14px;
}