body {
    font-family: system-ui,
        -apple-system,
        "Segoe UI",
        Roboto,
        "Helvetica Neue",
        "Noto Sans",
        "Liberation Sans",
        Arial,
        sans-serif,
        "Apple Color Emoji",
        "Segoe UI Emoji",
        "Segoe UI Symbol",
        "Noto Color Emoji";
}
.gradient-bg {
    background: linear-gradient(135deg, #14e531 0%, #000000 100%);
}

.card-hover {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.card-hover:hover {
    transform: translateY(-5px);
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1);
}

/* Legal content typography */
.legal-content h2 {
    font-size: 1.25rem;
    font-weight: 700;
    color: #000;
    margin-top: 2rem;
    margin-bottom: 0.75rem;
}

.legal-content h3 {
    font-size: 1.1rem;
    font-weight: 600;
    color: #000;
    margin-top: 1.5rem;
    margin-bottom: 0.5rem;
}

.legal-content p {
    color: #4b5563;
    line-height: 1.75;
    margin-bottom: 1rem;
}

.legal-content ul {
    list-style-type: disc;
    padding-left: 1.5rem;
    margin-bottom: 1rem;
    color: #4b5563;
}

.legal-content ul li {
    margin-bottom: 0.5rem;
    line-height: 1.75;
}

.legal-content a {
    color: #14e531;
    text-decoration: underline;
}

.legal-content strong {
    color: #000;
}

/* Cookie consent banner animation */
#cookie-consent-banner {
    transform: translateY(100%);
    transition: transform 0.4s ease;
}

#cookie-consent-banner.visible {
    transform: translateY(0);
}

.plan .card-hover:hover {
     transform: translateY(-8px);
     box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.15);
}

.plan > .popular-badge {
     background: linear-gradient(135deg, #14e531 0%, #000000 100%);
 }