body {
    margin: 0;
    font-family: Arial;
    background: linear-gradient(to right, #eef2f3, #dfe9f3);
}

header {
    background: linear-gradient(to right, #2b7cff, #00c6ff);
    color: white;
    padding: 20px;
    text-align: center;
}

nav {
    background: #111;
    padding: 12px;
    text-align: center;
}

nav a {
    color: white;
    text-decoration: none;
    margin: 15px;
    font-weight: bold; transition: 0.3s;
}

nav a:hover {
    color: #00c6ff;
}

.container {
    padding: 30px; text-align: center;
}

.container h2 {color: #2b7cff;}

button {
    background: linear-gradient(to right, #2b7cff, #00c6ff);
    color: white;
    border: none;
    padding: 12px 25px; margin: 10px; border-radius; 25px; cursor: pointer; font-size: 16px; transition: 0.3s;}

button:hover {
    background:linear-gradient(to right, #1a5edb, #0096c7);
}
.card {background: wtite; padding: 20px; margin: 20px auto;
width: 80%;
border-radius: 10px;
box-shadow: 0 0 10px rgba(0,0,0,0.1);}