body {
    margin: 0;
    background: #f2fff4;
    font-family: "Inter", sans-serif;
}

header {
    background: #d0ffd4;
    padding: 20px;
    text-align: center;
}

.grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 22px;
    padding: 40px 8%;
}

.card {
    background: white;
    padding: 20px;
    border-radius: 14px;
    border: 1px solid #b6eabc;
    transition: 0.3s;
}

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