/* Base styling */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap');

body {
    font-family: 'Inter', sans-serif;
    background-color: #f8fafc;
    color: #374151;
}

a {
    text-decoration: none;
    color: inherit;
}

/* Utility classes for container widths */
.container {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 1rem;
    padding-right: 1rem;
}

/* Buttons */
.btn {
    @apply font-semibold rounded shadow;
    padding: 0.75rem 1.5rem;
    transition: box-shadow 0.2s;
}

.btn-primary {
    background-color: #1e3a8a; /* Changed from #2563eb to dark navy */
    color: #fff;
}

    .btn-primary:hover {
        box-shadow: 0 4px 14px rgba(30, 58, 138, 0.4); /* Updated rgba values */
    }

.btn-secondary {
    background-color: #fff;
    color: #1e3a8a; /* Changed from #2563eb to dark navy */
    border: 2px solid #1e3a8a;
}

    .btn-secondary:hover {
        background-color: #f1f5f9;
    }

/* Hero Section */
.hero {
    background-image: linear-gradient(135deg, #1e3a8a 0%, #1e40af 100%); /* Changed to professional navy gradient */
    color: #fff;
}

    .hero h2 {
        font-size: 3rem;
        font-weight: 800;
    }

    .hero p {
        font-size: 1.125rem;
        max-width: 36rem;
        margin-top: 1rem;
    }

/* Feature Cards */
.feature-card {
    background-color: #fff;
    border-radius: 1rem;
    box-shadow: 0 5px 15px rgba(0,0,0,0.1);
    padding: 2rem;
    transition: transform 0.3s;
}

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

    .feature-card h4 {
        font-weight: 600;
        font-size: 1.25rem;
        margin-bottom: 0.5rem;
    }

/* CTA Section */
.cta {
    background-color: #1e3a8a; /* Changed from #2563eb to dark navy */
    color: #fff;
}

/* Contact Form */
.contact-form input,
.contact-form textarea {
    border: 1px solid #d1d5db;
    border-radius: 0.5rem;
    padding: 0.75rem;
    width: 100%;
}

.contact-form button {
    @apply btn btn-primary;
}

/* Footer */
footer {
    background-color: #1f2937;
    color: #9ca3af;
}

/* Personalizzazioni base */
body {
    background-color: #f8fafc;
}

a {
    text-decoration: none;
}