/* technologies.css - Styles spécifiques à la page Technologies */

.technologies-hero {
    background: linear-gradient(120deg, #e0e7ff 0%, #f0f4ff 100%);
    border-bottom-left-radius: 2rem;
    border-bottom-right-radius: 2rem;
    box-shadow: 0 4px 24px rgba(0,0,0,0.07);
}
.technologies-hero h1 {
    font-size: 2.5rem;
    font-weight: 700;
    color: #2b3a67;
}
.technologies-hero .lead {
    color: #3b3b3b;
    font-size: 1.25rem;
}
.technologies-hero img {
    border-radius: 1.5rem;
    box-shadow: 0 4px 24px rgba(43,58,103,0.12);
    background: #fff;
    padding: 1.5rem;
}

.technologies-list .tech-card {
    border: none;
    border-radius: 1.5rem;
    transition: transform 0.2s, box-shadow 0.2s;
    background: #fff;
    padding: 2rem 1.5rem;
    min-height: 220px;
}
.technologies-list .tech-card:hover {
    transform: translateY(-8px) scale(1.03);
    box-shadow: 0 8px 32px rgba(43,58,103,0.13);
}
.tech-card-header h4 {
    font-weight: 600;
    margin-bottom: 0;
}
.tech-card-header i {
    min-width: 40px;
}
.technologies-list ul {
    padding-left: 1.2rem;
    margin-bottom: 0;
}
.technologies-list li {
    margin-bottom: 0.5rem;
    color: #2b3a67;
    font-size: 1.08rem;
}

@media (max-width: 991px) {
    .technologies-hero {
        border-radius: 0 0 1.5rem 1.5rem;
    }
    .technologies-list .tech-card {
        padding: 1.2rem 0.7rem;
    }
}