:root{--accent:#0b69ff;--accent-dark:#0056b3;--text-primary:#2c3e50;--text-secondary:#666;--border:#e0e0e0;--bg-white:#fff;--bg-light:#f8f9fa;--bg-grad-start:#e3f2fd;--bg-grad-end:#f0f7ff;--shadow-light:0 8px 32px rgba(10, 20, 40, 0.08);--shadow-dark:0 4px 12px rgba(11, 105, 255, 0.15);--radius-lg:16px;--radius-md:12px;--max-width:900px;--font-base:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif}body{background-color:#f8f8f8;font-family:var(--font-base);margin:0;padding:0;overflow-x:hidden;color:var(--text-primary);line-height:1.7}main{max-width:var(--max-width);margin:40px auto 0 auto;padding:0 20px;box-sizing:border-box}.contenu-principal{background:var(--bg-white);padding:32px;margin:0 auto 32px auto;border-radius:var(--radius-lg);box-shadow:var(--shadow-light);animation:fadeIn .4s ease-out}.contenu-principal h3{font-size:1.45rem;font-weight:700;color:var(--accent);margin:40px 0 16px 0;padding-bottom:10px;border-bottom:3px solid var(--accent);line-height:1.3}.contenu-principal h3:first-child{margin-top:0}.contenu-principal>p:first-of-type{font-size:1.1rem;color:var(--text-secondary);text-align:center;margin-bottom:40px}.contact-faq-banner{background:linear-gradient(135deg,var(--bg-grad-start),var(--bg-grad-end));padding:24px 28px;margin-bottom:40px;border-radius:var(--radius-md);box-shadow:var(--shadow-dark)}.contact-faq-banner p{margin:0;font-size:1.05rem;color:var(--text-secondary);line-height:1.6}.contact-faq-banner a{color:var(--accent);font-weight:700;text-decoration:none;border-bottom:1px dotted var(--accent);transition:.2s ease}.contact-faq-banner a:hover{color:var(--accent-dark);border-bottom-color:var(--accent-dark)}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:700;color:var(--text-primary);font-size:1.05rem}.form-group input,.form-group textarea{width:100%;padding:14px 16px;box-sizing:border-box;border:1px solid var(--border);border-radius:8px;font-size:1rem;background:var(--bg-white);transition:.3s ease}.form-group input:focus,.form-group textarea:focus{border-color:var(--accent);outline:0;box-shadow:0 0 0 3px rgba(11,105,255,.1)}.form-group textarea{resize:vertical;min-height:150px}button.send{width:100%;padding:14px 32px;background:linear-gradient(135deg,var(--accent),var(--accent-dark));color:#fff;border:none;border-radius:8px;font-weight:700;font-size:1.1rem;cursor:pointer;transition:.3s ease;box-shadow:0 4px 12px rgba(11,105,255,.3)}button.send:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(11,105,255,.4)}button.send:active{transform:translateY(0)}#successMessage{display:none;background:linear-gradient(135deg,#d4edda,#e8f5e9);padding:20px 24px;margin-top:24px;border-radius:12px;color:#155724;font-size:1.05rem;font-weight:600;box-shadow:0 4px 12px rgba(40,167,69,.15)}@media (max-width:768px){main{padding:0 12px}.contenu-principal{padding:24px}.contenu-principal h3{font-size:1.3rem}}@media (max-width:480px){.contenu-principal{padding:18px}.contenu-principal h3{font-size:1.2rem}.form-group input,.form-group textarea{font-size:.95rem}}@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
.contact-social{text-align:center;margin-bottom:36px;padding:24px 28px;background:var(--bg-white);border-radius:var(--radius-md);border:1px solid var(--border)}.contact-social-label{font-size:.95rem;color:var(--text-secondary);margin:0 0 16px 0;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.contact-social .footer-social{justify-content:center;margin:0}.contact-social .social-link{width:44px;height:44px;background:rgba(11,105,255,.08)}.contact-social .social-link svg{width:20px;height:20px;fill:var(--accent)}.contact-social .social-link:hover svg{fill:#fff}
.footer-social{display:flex;align-items:center;justify-content:center;gap:clamp(10px,2vw,18px);flex-wrap:wrap}.social-link{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.1);transition:background .2s,transform .2s;flex-shrink:0;margin:0}.social-link svg{width:18px;height:18px;fill:#ccc;transition:fill .2s}.social-link:hover{transform:translateY(-3px);text-decoration:none}.social-link:hover svg{fill:#fff}.social-youtube:hover{background:#ff0000}.social-instagram:hover{background:radial-gradient(circle at 30% 107%,#fdf497 0%,#fd5949 45%,#d6249f 60%,#285aeb 90%)}.social-tiktok:hover{background:#010101}.social-linkedin:hover{background:#0a66c2}.social-facebook:hover{background:#1877f2}