body {
margin: 0;
font-family: 'Poppins', sans-serif;
background: linear-gradient(135deg, #00b4d8, #0077b6);
color: #fff;
}


header {
background: rgba(0,0,0,0.35);
padding: 20px;
backdrop-filter: blur(4px);
}


.container {
width: 90%;
margin: auto;
display: flex;
justify-content: space-between;
align-items: center;
}


.logo {
font-size: 1.6rem;
font-weight: 700;
color: #fff;
text-decoration: none;
}


nav ul {
list-style: none;
display: flex;
gap: 25px;
}


nav ul li a {
text-decoration: none;
color: #fff;
font-weight: 500;
transition: 0.3s;
}


nav ul li a:hover {
color: #caf0f8;
}


h1 {
text-align: center;
margin-top: 40px;
font-size: 2.5rem;
font-weight: 700;
}


.card {
width: 90%;
max-width: 600px;
background: #ffffff10;
padding: 25px 35px;
margin: 40px auto;
border-radius: 20px;
backdrop-filter: blur(10px);
box-shadow: 0 8px 20px rgba(0,0,0,0.25);
}


.card h3 {
font-size: 1.3rem;
margin-bottom: 5px;
color: #caf0f8;
}