*{margin:0;padding:0;box-sizing:border-box;}
body{font-family:'Poppins',Arial,sans-serif;color:#222;line-height:1.6;}
.container{width:90%;max-width:1100px;margin:auto;}
.header{background:#000;color:#fff;padding:20px 0;}
.header .container{display:flex;justify-content:space-between;align-items:center;}
.nav a{color:#fff;margin-left:20px;text-decoration:none;transition:color .3s;}
.nav a:hover{color:#00aaff;}
.hero{background:#f5f5f5;padding:80px 0;}
.hero-content{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;}
.hero img{width:45%;border-radius:10px;}
.hero h1{font-size:2.4em;margin-bottom:15px;}
.btn-primary{background:#00aaff;color:#fff;padding:12px 25px;border-radius:5px;text-decoration:none;display:inline-block;margin-top:20px;transition:background .3s;}
.btn-primary:hover{background:#008bcc;}
.services{padding:70px 0;background:#fff;text-align:center;}
.cards{display:flex;justify-content:space-between;flex-wrap:wrap;margin-top:40px;}
.card{background:#fafafa;border-radius:8px;padding:30px;width:30%;box-shadow:0 2px 5px rgba(0,0,0,.1);transition:transform .3s;}
.card:hover{transform:translateY(-5px);}
.avis{padding:70px 0;background:#f5f5f5;text-align:center;}
blockquote{font-style:italic;margin:20px auto;width:80%;}
.contact{padding:70px 0;background:#fff;}
.contact-form{max-width:600px;margin:30px auto;}
.form-group{margin-bottom:20px;}
label{display:block;font-weight:600;margin-bottom:5px;}
input,textarea{width:100%;padding:10px;border:1px solid #ddd;border-radius:5px;}
.footer{background:#000;color:#fff;text-align:center;padding:30px 0;}
.footer .socials a{color:#00aaff;text-decoration:none;margin:0 10px;}
@media(max-width:768px){.hero-content{flex-direction:column;}.hero img{width:100%;margin-top:20px;}.cards{flex-direction:column;align-items:center;}.card{width:80%;margin-bottom:20px;}}