body {
    font-family: Arial, sans-serif;
    background-color: #f0f8ff; /* Azul claro */
    color: #002147; /* Azul escuro */
    text-align: center;
}
header {
    background-color: #ffcc00; /* Amarelo */
    padding: 20px;
}
header img {
    max-width: 200px;
}
section {
    margin: 40px 0;
}
.plans {
    display: flex;
    justify-content: center;
    gap: 40px;
}
.plan {
    background-color: #e6f7ff; /* Azul claro */
    border: 2px solid #002147; /* Azul escuro */
    padding: 20px;
    width: 200px;
    border-radius: 8px;
}
.plan h2 {
    color: #002147;
}
.btn {
    background-color: #ffcc00; /* Amarelo */
    color: #002147;
    border: none;
    padding: 10px 20px;
    text-transform: uppercase;
    font-size: 16px;
    cursor: pointer;
    border-radius: 5px;
    margin-top: 20px;
}
.btn:hover {
    background-color: #e6b800; /* Amarelo escuro */
}
footer {
    margin-top: 40px;
    font-size: 14px;
}