*{

margin:0;

padding:0;

box-sizing:border-box;

font-family:Poppins,sans-serif;

}



body{

background:#f4f7fb;

color:#333;

}



.container{

width:90%;

max-width:1200px;

margin:auto;

}



/* HEADER */



header{

position:sticky;

top:0;

background:white;

box-shadow:0 2px 10px rgba(0,0,0,0.1);

z-index:1000;

}



.nav{

display:flex;

justify-content:space-between;

align-items:center;

padding:20px 0;

}



nav {
    width: 100%;

    text-align: center;
}

nav a{

margin-left:25px;

text-decoration:none;

color:#333;

font-weight:500;

}



nav a:hover{

color:#1565c0;

}





/* HERO */



.hero{

background:linear-gradient(120deg,#1565c0,#42a5f5);

color:white;

padding:100px 0;

}



.hero-container{

display:flex;

align-items:center;

justify-content:space-between;

flex-wrap:wrap;

}



.hero-text{

max-width:500px;

}



.hero h1{

font-size:42px;

margin-bottom:20px;

}



.hero img{

width:260px;

border-radius:50%;

box-shadow:0 10px 25px rgba(0,0,0,0.2);

}



.btn{

display:inline-block;

margin-top:20px;

background:#ff6f00;

color:white;

padding:12px 28px;

border-radius:30px;

text-decoration:none;

font-weight:600;

transition:0.3s;

}



.btn:hover{

background:#ff8f00;

transform:scale(1.05);

}



/* SECTIONS */



.section{

padding:80px 0;

}



.section h2{

text-align:center;

margin-bottom:40px;

font-size:32px;

}



.bg-light{

background:white;

}



/* GRID */



.grid{

display:grid;

grid-template-columns:repeat(auto-fit,minmax(250px,1fr));

gap:30px;

}



.card{

background:#eef4ff;

padding:30px;

border-radius:12px;

}



.portfolio-card{

background:white;

padding:30px;

border-radius:12px;

box-shadow:0 10px 20px rgba(0,0,0,0.08);

}



.offer-card{

background:white;

padding:40px;

max-width:400px;

margin:auto;

border-radius:15px;

box-shadow:0 10px 25px rgba(0,0,0,0.1);

text-align:center;

}



.offer-card h3{

font-size:34px;

color:#1565c0;

margin-bottom:15px;

}



.small{

font-style:italic;

margin-top:10px;

}



.center{

text-align:center;

}



/* FOOTER */



footer{

background:#1565c0;

color:white;

text-align:center;

padding:20px;

}

footer a {
    color: white;
    text-decoration: none;
}

#mentions-legales h1 {
    text-align: center;
    margin: 20px;
}

#mentions-legales h2 {
    margin: 10px;
}

#mentions-legales div {
    margin: 10px;
}

.navbar{
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:20px 40px;
}

.logo img{
    width:80px;
}

.nav-links{
    display:flex;
    gap:35px;
    list-style:none;
}

.nav-links a{
    text-decoration:none;
    color:#333;
    font-weight:500;
}

.hamburger{
    display:none;
    font-size:32px;
    border:none;
    background:none;
    cursor:pointer;
}

@media(max-width:768px){

    .hamburger{
        display:block;
    }

    .nav-links{
        display:none;
        flex-direction:column;
        position:absolute;
        top:100px;
        right:20px;
        background:white;
        width:250px;
        padding:20px;
        box-shadow:0 5px 20px rgba(0,0,0,0.15);
        border-radius:10px;
    }

    .nav-links.active{
        display:flex;
    }

}