body{margin:0;padding:0;min-height:100vh;}.background{background:url(../images/mountain.webp) no-repeat center center fixed;background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed;position:relative;min-height:100vh;width:100%;padding: 3rem 0;}h1{font-family:"Aboreto";font-size:45px;color:rgb(0,0,0);text-align:center;margin:0;}.flexbox{display:flex;flex-direction:column;align-items:center;width:90%;margin:0 auto;margin-bottom:2rem;background:rgba(255,255,255,0.8);padding:2rem;border-radius:14px;}.box{background:white;border-radius:12px;box-shadow:0 2px 12px rgba(0,0,0,0.1);padding:3rem;margin:1rem 0;width:100%;text-align:center;}.box h2{font-family:"Aboreto";font-size:24px;text-align:center;margin-bottom:0.5rem;}.box p{font-family:"Abaya";font-size:16px;text-align:center;width:80%;margin:1rem auto;}.box ul{padding:0;margin:1.5rem auto;list-style:none;width:40%;}.box ul li{font-family:"Abaya";font-size:16px;margin-bottom:0.5rem;padding-left:1.2rem;position:relative;list-style-type:disc;}.box a{}.box a:hover{background-color:darkred;}.last{display:flex;flex-direction:row;gap:1.5rem;margin:1.5rem auto;}@media (max-width:480px){body{background-attachment:scroll;}.background{padding: 1.5rem 0;}h1{font-size:24px;margin:5% auto;}.flexbox{width:95%;padding:1rem;}.box{padding:1.5rem;width:100%;}.box h2{font-size:20px;}.box p{font-size:14px;width:90%;}.box ul{width:70%;margin:1rem auto;}.box ul li{font-size:14px;}.box a{font-size:14px;padding:0.4rem 0.6rem;}.last{flex-direction:column;gap:0.7rem;align-items:center;}}.btn-primary,.btn-secondary,.box a{display:inline-block;text-decoration:none;border:none;border-radius:8px;font-family:"Abaya";font-size:16px;padding:14px 36px;transition:all 0.3s ease;cursor:pointer;font-weight:600;width:auto;min-width:180px;margin:0 auto 1.5rem;background-color:#000;color:#fff;text-align:center;}.btn-primary:hover,.box a:hover{background-color:rgba(255,223,82,0.693);box-shadow:0 4px 12px rgba(0,0,0,0.2);color:#000;}.btn-secondary:hover{background-color:#d32f2f;}@media (min-width:481px) and (max-width:767px){body{background-attachment:scroll;}.background{padding: 2rem 0;}h1{font-size:28px;}.flexbox{width:98%;padding:1.2rem;}.box{padding:1rem;width:100%;}.box h2{font-size:18px;}.box p,.box ul li{font-size:13px;}.box ul{width:90%;}.box a{font-size:13px;padding:0.3rem 0.5rem;}.last{flex-direction:column;gap:0.7rem;align-items:center;}}@media (min-width:768px) and (max-width:1023px){h1{font-size:32px;}.flexbox{width:95%;padding:1.5rem;}.box{padding:2rem;width:100%;}.box h2{font-size:22px;}.box p,.box ul li{font-size:15px;}.box ul{width:80%;}.box a{font-size:15px;padding:0.5rem 0.7rem;}.last{flex-direction:column;gap:1rem;align-items:center;}}

/* ===== Corrections & améliorations visuelles (a-propos) ===== */
h1 { color: #fff !important; text-shadow: 0 2px 8px rgba(0,0,0,0.55); padding: 2rem 0 1.5rem; }
.about-intro { font-family: "Abaya"; font-size: 18px; color: #fff; text-align: center; width: 70%; margin: 0 auto 2rem; text-shadow: 0 1px 4px rgba(0,0,0,0.5); line-height: 1.7; }
.box { border-left: 4px solid #e8e0d0; }
.box h2 { color: #1a1a1a; margin-bottom: 1rem; }
.box p { color: #333; line-height: 1.75; }
.answer { font-weight: 600; color: #1a1a1a; }
.box ul { list-style: none; width: 70%; text-align: left; }
.box ul li { border-bottom: 1px solid #eee; padding: 0.65rem 0; font-size: 16px; }
.box ul li:last-child { border-bottom: none; }
.last a { background-color: #111; color: #fff; border-radius: 8px; padding: 10px 22px; font-family: "Abaya"; font-size: 15px; font-weight: 600; text-decoration: none; transition: all 0.3s; }
.last a:hover { background-color: rgba(255,223,82,0.8) !important; color: #111 !important; box-shadow: 0 4px 12px rgba(0,0,0,0.15); }
.about-cta { text-align: center; padding: 2.5rem 1rem 3rem; }
.about-cta p { font-family: "Abaya"; font-size: 20px; color: #fff; margin-bottom: 1.5rem; text-shadow: 0 1px 4px rgba(0,0,0,0.4); }
.about-cta .btn-cta { display: inline-block; background: #fff; color: #111; font-family: "Abril", "Abaya", sans-serif; font-size: 17px; font-weight: 700; padding: 16px 42px; border-radius: 10px; text-decoration: none; transition: all 0.3s; letter-spacing: 0.03em; }
.about-cta .btn-cta:hover { background: rgba(255,223,82,0.85); color: #111; box-shadow: 0 6px 18px rgba(0,0,0,0.25); transform: translateY(-2px); }
@media (max-width: 767px) {
  .about-intro { width: 90%; font-size: 16px; }
  .box ul { width: 95%; }
  .last { flex-direction: column; align-items: center; gap: 0.8rem; }
}