{
  "version": 3,
  "sources": [],
  "sections": [
    {"offset": {"line": 2, "column": 0}, "map": {"version":3,"sources":["file:///D:/Nouveau%20dossier/fin/src/app/globals.css"],"sourcesContent":["@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&family=Outfit:wght@300;400;500;600;700;800;900&display=swap');\r\n\r\n/* =========================================\r\n   Modern Design System & Variables\r\n   ========================================= */\r\n:root {\r\n  /* Colors - Sophisticated Indigo/Violet Palette */\r\n  --primary: #6366f1;\r\n  --primary-hover: #4f46e5;\r\n  --primary-light: #e0e7ff;\r\n  --secondary: #8b5cf6;\r\n  --accent: #f59e0b;\r\n\r\n  --background: #ffffff;\r\n  --foreground: #0f172a;\r\n\r\n  --card-bg: #ffffff;\r\n  --card-border: rgba(226, 232, 240, 0.6);\r\n  --card-shadow: 0 10px 30px -10px rgba(0, 0, 0, 0.1);\r\n  --card-shadow-hover: 0 20px 40px -15px rgba(99, 102, 241, 0.15);\r\n\r\n  --muted: #f1f5f9;\r\n  --muted-foreground: #64748b;\r\n  --border: #e2e8f0;\r\n\r\n  --glass-bg: rgba(255, 255, 255, 0.7);\r\n  --glass-border: rgba(255, 255, 255, 0.3);\r\n\r\n  --radius-sm: 0.5rem;\r\n  --radius-md: 1rem;\r\n  --radius-lg: 1.5rem;\r\n  --radius-xl: 2.5rem;\r\n  --radius-full: 9999px;\r\n\r\n  --font-sans: 'Plus Jakarta Sans', sans-serif;\r\n  --font-heading: 'Outfit', sans-serif;\r\n}\r\n\r\n.dark {\r\n  --primary: #818cf8;\r\n  --primary-hover: #6366f1;\r\n  --primary-light: #1e1b4b;\r\n  --secondary: #a78bfa;\r\n\r\n  --background: #0a0a0c;\r\n  --foreground: #f8fafc;\r\n\r\n  --card-bg: #141417;\r\n  --card-border: rgba(255, 255, 255, 0.05);\r\n  --card-shadow: 0 10px 30px -10px rgba(0, 0, 0, 0.5);\r\n  --card-shadow-hover: 0 20px 40px -15px rgba(0, 0, 0, 0.7);\r\n\r\n  --muted: #1e293b;\r\n  --muted-foreground: #94a3b8;\r\n  --border: #27272a;\r\n\r\n  --glass-bg: rgba(10, 10, 12, 0.7);\r\n  --glass-border: rgba(255, 255, 255, 0.08);\r\n}\r\n\r\n/* =========================================\r\n   Base Styles\r\n   ========================================= */\r\n* {\r\n  box-sizing: border-box;\r\n  margin: 0;\r\n  padding: 0;\r\n}\r\n\r\nhtml {\r\n  scroll-behavior: smooth;\r\n  font-size: 16px;\r\n}\r\n\r\nbody {\r\n  background-color: var(--background);\r\n  color: var(--foreground);\r\n  font-family: var(--font-sans);\r\n  line-height: 1.6;\r\n  -webkit-font-smoothing: antialiased;\r\n  -moz-osx-font-smoothing: grayscale;\r\n  overflow-x: hidden;\r\n  width: 100%;\r\n  transition: background-color 0.4s cubic-bezier(0.4, 0, 0.2, 1), color 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n}\r\n\r\nh1,\r\nh2,\r\nh3,\r\nh4,\r\nh5,\r\nh6 {\r\n  font-family: var(--font-heading);\r\n  font-weight: 700;\r\n  letter-spacing: -0.02em;\r\n  line-height: 1.1;\r\n}\r\n\r\na {\r\n  color: inherit;\r\n  text-decoration: none;\r\n  transition: all 0.2s ease;\r\n}\r\n\r\nimg {\r\n  max-width: 100%;\r\n  height: auto;\r\n  display: block;\r\n}\r\n\r\nbutton {\r\n  font-family: inherit;\r\n  border: none;\r\n  background: none;\r\n  cursor: pointer;\r\n}\r\n\r\n/* =========================================\r\n   Layout Utilities\r\n   ========================================= */\r\n.container {\r\n  width: 100%;\r\n  max-width: 1200px;\r\n  margin: 0 auto;\r\n  padding: 0 1.5rem;\r\n}\r\n\r\n.section {\r\n  padding: 5rem 0;\r\n}\r\n\r\n@media (min-width: 768px) {\r\n  .section {\r\n    padding: 8rem 0;\r\n  }\r\n}\r\n\r\n.grid-auto {\r\n  display: grid;\r\n  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\r\n  gap: 2rem;\r\n}\r\n\r\n.flex-center {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n}\r\n\r\n.flex-between {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n}\r\n\r\n/* =========================================\r\n   Premium Components\r\n   ========================================= */\r\n\r\n/* Buttons */\r\n.btn {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 0.625rem;\r\n  padding: 0.875rem 1.75rem;\r\n  font-weight: 600;\r\n  border-radius: var(--radius-md);\r\n  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\r\n  position: relative;\r\n  overflow: hidden;\r\n}\r\n\r\n.btn-primary {\r\n  background: var(--primary);\r\n  color: white;\r\n  box-shadow: 0 10px 15px -3px rgba(99, 102, 241, 0.3);\r\n}\r\n\r\n.btn-primary:hover {\r\n  background: var(--primary-hover);\r\n  transform: translateY(-2px);\r\n  box-shadow: 0 20px 25px -5px rgba(99, 102, 241, 0.4);\r\n}\r\n\r\n.btn-outline {\r\n  background: transparent;\r\n  border: 1px solid var(--border);\r\n  color: var(--foreground);\r\n}\r\n\r\n.btn-outline:hover {\r\n  background: var(--muted);\r\n  border-color: var(--primary);\r\n}\r\n\r\n/* Base card */\r\n.card {\r\n  background: var(--card-bg);\r\n  border: 1px solid var(--card-border);\r\n  border-radius: var(--radius-lg);\r\n  box-shadow: var(--card-shadow);\r\n  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n  padding: 1.5rem;\r\n  height: 100%;\r\n}\r\n\r\n.card:hover {\r\n  transform: translateY(-8px);\r\n  box-shadow: var(--card-shadow-hover);\r\n  border-color: var(--primary);\r\n}\r\n\r\n/* Glass effect */\r\n.glass {\r\n  background: var(--glass-bg);\r\n  backdrop-filter: blur(12px) saturate(180%);\r\n  -webkit-backdrop-filter: blur(12px) saturate(180%);\r\n  border: 1px solid var(--glass-border);\r\n}\r\n\r\n/* Back Link Hover Effect */\r\n.back-link {\r\n  transition: all 0.3s ease;\r\n  position: relative;\r\n}\r\n\r\n.back-link:hover {\r\n  transform: translateX(-5px);\r\n  color: var(--primary);\r\n}\r\n\r\n.back-link::after {\r\n  content: '';\r\n  position: absolute;\r\n  bottom: -4px;\r\n  left: 0;\r\n  width: 100%;\r\n  height: 2px;\r\n  background: var(--primary);\r\n  transform: scaleX(0);\r\n  transition: transform 0.3s ease;\r\n  transform-origin: right;\r\n}\r\n\r\n.back-link:hover::after {\r\n  transform: scaleX(1);\r\n  transform-origin: left;\r\n}\r\n\r\n/* Text Gradients */\r\n.text-gradient {\r\n  background: linear-gradient(135deg, var(--primary), var(--secondary));\r\n  -webkit-background-clip: text;\r\n  -webkit-text-fill-color: transparent;\r\n  background-clip: text;\r\n}\r\n\r\n/* Badges */\r\n.badge {\r\n  display: inline-flex;\r\n  padding: 0.25rem 0.75rem;\r\n  font-size: 0.75rem;\r\n  font-weight: 700;\r\n  border-radius: var(--radius-full);\r\n  text-transform: uppercase;\r\n  letter-spacing: 0.05em;\r\n}\r\n\r\n.badge-primary {\r\n  background: var(--primary-light);\r\n  color: var(--primary);\r\n}\r\n\r\n/* =========================================\r\n   Form Elements\r\n   ========================================= */\r\n.form-group {\r\n  margin-bottom: 1.5rem;\r\n}\r\n\r\n.form-label {\r\n  display: block;\r\n  margin-bottom: 0.5rem;\r\n  font-size: 0.875rem;\r\n  font-weight: 600;\r\n}\r\n\r\n.form-input {\r\n  width: 100%;\r\n  padding: 0.875rem 1.125rem;\r\n  background: var(--muted);\r\n  border: 1.5px solid var(--border);\r\n  border-radius: var(--radius-md);\r\n  color: var(--foreground);\r\n  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\r\n  font-family: inherit;\r\n}\r\n\r\n.form-input:focus {\r\n  outline: none;\r\n  border-color: var(--primary);\r\n  background: var(--background);\r\n  box-shadow: 0 0 0 4px rgba(99, 102, 241, 0.1);\r\n}\r\n\r\n/* =========================================\r\n   Advanced Animations\r\n   ========================================= */\r\n@keyframes float {\r\n\r\n  0%,\r\n  100% {\r\n    transform: translateY(0);\r\n  }\r\n\r\n  50% {\r\n    transform: translateY(-15px);\r\n  }\r\n}\r\n\r\n.animate-float {\r\n  animation: float 6s ease-in-out infinite;\r\n}\r\n\r\n.reveal {\r\n  opacity: 0;\r\n  transform: translateY(30px);\r\n  transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1);\r\n}\r\n\r\n.reveal.active {\r\n  opacity: 1;\r\n  transform: translateY(0);\r\n}\r\n\r\n.animate-spin {\r\n  animation: spin 1.2s linear infinite;\r\n}\r\n\r\n@keyframes spin {\r\n  from {\r\n    transform: rotate(0deg);\r\n  }\r\n\r\n  to {\r\n    transform: rotate(360deg);\r\n  }\r\n}\r\n\r\n/* =========================================\r\n   Hero Section & Specialized Layouts (Refactored)\r\n   ========================================= */\r\n.hero-grid {\r\n  display: flex;\r\n  flex-direction: row;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  gap: 4rem;\r\n  width: 100%;\r\n}\r\n\r\n.hero-text-item {\r\n  flex: 1.4;\r\n  min-width: 0;\r\n  order: 1;\r\n}\r\n\r\n.hero-image-item {\r\n  flex: 0.6;\r\n  min-width: 0;\r\n  order: 2;\r\n  display: flex;\r\n  justify-content: center;\r\n}\r\n\r\n.hero-image-wrapper {\r\n  position: relative;\r\n  width: 100%;\r\n  max-width: 480px;\r\n}\r\n\r\n.hero-image-container {\r\n  border-radius: 2.5rem;\r\n  overflow: hidden;\r\n  box-shadow: 0 25px 60px -12px rgba(0, 0, 0, 0.2);\r\n  border: 1px solid var(--glass-border);\r\n  position: relative;\r\n  aspect-ratio: 0.85;\r\n  background: var(--muted);\r\n  z-index: 1;\r\n}\r\n\r\n.floating-badge {\r\n  position: absolute;\r\n  bottom: -1.5rem;\r\n  right: -1.5rem;\r\n  padding: 1.25rem 1.75rem;\r\n  border-radius: 1.5rem;\r\n  max-width: 240px;\r\n  z-index: 10;\r\n  box-shadow: var(--card-shadow);\r\n  border: 1px solid var(--glass-border);\r\n}\r\n\r\n.decorative-circle {\r\n  position: absolute;\r\n  top: -2.5rem;\r\n  right: -2.5rem;\r\n  width: 160px;\r\n  height: 160px;\r\n  border-radius: 50%;\r\n  border: 2px dashed var(--primary);\r\n  opacity: 0.2;\r\n  z-index: 0;\r\n  animation: rotate 20s linear infinite;\r\n}\r\n\r\n@keyframes rotate {\r\n  from {\r\n    transform: rotate(0deg);\r\n  }\r\n\r\n  to {\r\n    transform: rotate(360deg);\r\n  }\r\n}\r\n\r\n.hero-text-content {\r\n  margin-bottom: 3.5rem;\r\n  width: 100%;\r\n}\r\n\r\n.hero-title {\r\n  font-size: clamp(2.5rem, 6vw, 4.75rem);\r\n  line-height: 1.1;\r\n  letter-spacing: -0.03em;\r\n  font-weight: 900;\r\n  margin-bottom: 2rem;\r\n  overflow-wrap: break-word;\r\n  word-break: break-word;\r\n}\r\n\r\n.hero-desc {\r\n  font-size: 1.125rem;\r\n  color: var(--muted-foreground);\r\n  max-width: 42rem;\r\n  line-height: 1.8;\r\n  margin-bottom: 3.5rem;\r\n  overflow-wrap: break-word;\r\n}\r\n\r\n.hero-actions {\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  gap: 1rem;\r\n}\r\n\r\n.hero-stats {\r\n  display: flex;\r\n  gap: 3rem;\r\n  align-items: center;\r\n  opacity: 0.85;\r\n  margin-top: 4rem;\r\n}\r\n\r\n.stat-item {\r\n  display: flex;\r\n  flex-direction: column;\r\n}\r\n\r\n.stat-num {\r\n  font-size: 1.75rem;\r\n  font-weight: 900;\r\n  color: var(--primary);\r\n}\r\n\r\n.stat-label {\r\n  font-size: 0.75rem;\r\n  font-weight: 800;\r\n  text-transform: uppercase;\r\n  letter-spacing: 0.12em;\r\n  color: var(--muted-foreground);\r\n}\r\n\r\n.stat-divider {\r\n  width: 1px;\r\n  height: 40px;\r\n  background: var(--border);\r\n}\r\n\r\n/* Responsive Specific Overrides */\r\n@media (max-width: 991px) {\r\n  .hero-grid {\r\n    flex-direction: column;\r\n    text-align: center;\r\n    gap: 3rem;\r\n  }\r\n\r\n  .hero-text-item {\r\n    order: 2;\r\n    width: 100%;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n  }\r\n\r\n  .hero-image-item {\r\n    order: 1;\r\n    width: 100%;\r\n  }\r\n\r\n  .hero-image-wrapper {\r\n    max-width: 280px;\r\n  }\r\n\r\n  .hero-image-container {\r\n    aspect-ratio: 1;\r\n    border-radius: 2rem;\r\n  }\r\n\r\n  .floating-badge {\r\n    right: -1rem;\r\n    bottom: -1rem;\r\n    max-width: 200px;\r\n    padding: 1rem 1.25rem;\r\n    font-size: 0.85rem;\r\n    text-align: left;\r\n  }\r\n\r\n  .hero-title {\r\n    font-size: clamp(1.75rem, 8vw, 2.5rem);\r\n    width: 100%;\r\n    margin-bottom: 1.5rem;\r\n  }\r\n\r\n  .hero-desc {\r\n    font-size: 1rem;\r\n    margin-bottom: 2.5rem;\r\n    margin-left: auto;\r\n    margin-right: auto;\r\n  }\r\n\r\n  .hero-actions,\r\n  .hero-stats {\r\n    justify-content: center;\r\n  }\r\n\r\n  .hero-stats {\r\n    margin-top: 3rem;\r\n    gap: 1.5rem;\r\n    flex-wrap: wrap;\r\n  }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n  .hero-stats {\r\n    gap: 1rem;\r\n  }\r\n\r\n  .stat-item {\r\n    padding: 0.5rem;\r\n    flex: 1 1 100px;\r\n  }\r\n\r\n  .stat-num {\r\n    font-size: 1.5rem;\r\n  }\r\n\r\n  .hero-actions .btn {\r\n    width: 100%;\r\n  }\r\n}\r\n\r\n/* =========================================\r\n   Responsive Adjustments\r\n   ========================================= */\r\n@media (max-width: 1100px) {\r\n  .hero-grid {\r\n    gap: 3rem;\r\n  }\r\n}\r\n\r\n@media (max-width: 991px) {\r\n  .hero-grid {\r\n    grid-template-columns: 1fr;\r\n    text-align: center;\r\n    gap: 4rem;\r\n  }\r\n\r\n  .hero-text-item {\r\n    order: 2;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n  }\r\n\r\n  .hero-image-item {\r\n    order: 1;\r\n    width: 100%;\r\n  }\r\n\r\n  .hero-actions,\r\n  .hero-stats {\r\n    justify-content: center;\r\n  }\r\n\r\n  .hero-image-wrapper {\r\n    max-width: 320px;\r\n    margin: 0 auto;\r\n    position: relative;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n  }\r\n\r\n  .hero-image-container {\r\n    width: 100%;\r\n    border-radius: 2.5rem;\r\n    z-index: 5;\r\n    box-shadow: var(--card-shadow-hover);\r\n    background: var(--muted);\r\n    min-height: 220px;\r\n  }\r\n\r\n  .floating-badge {\r\n    right: 0rem;\r\n    bottom: -1rem;\r\n    padding: 1.25rem 1.5rem;\r\n    max-width: 220px;\r\n    z-index: 10;\r\n    text-align: left;\r\n  }\r\n\r\n  .decorative-circle {\r\n    width: 240px;\r\n    height: 240px;\r\n    top: 50%;\r\n    left: 50%;\r\n    transform: translate(-50%, -50%);\r\n    z-index: 0;\r\n    margin: 0;\r\n  }\r\n}\r\n\r\n@media (max-width: 580px) {\r\n  .hero-title {\r\n    font-size: clamp(1.85rem, 10vw, 2.5rem);\r\n    margin-bottom: 1.5rem;\r\n    line-height: 1.15;\r\n  }\r\n\r\n  .hero-image-wrapper {\r\n    max-width: 260px;\r\n  }\r\n\r\n  .floating-badge {\r\n    padding: 0.85rem 1.25rem;\r\n    max-width: 180px;\r\n    font-size: 0.8rem;\r\n    right: -0.5rem;\r\n    bottom: -0.5rem;\r\n  }\r\n\r\n  .hero-stats {\r\n    gap: 1.25rem;\r\n    margin-top: 3rem;\r\n  }\r\n\r\n  .stat-item {\r\n    padding: 0.75rem;\r\n    flex: 1 1 100px;\r\n  }\r\n\r\n  .expertise-card,\r\n  .service-card,\r\n  .card {\r\n    padding: 2rem 1.5rem !important;\r\n  }\r\n\r\n  .hero-actions {\r\n    gap: 1rem;\r\n    width: 100%;\r\n  }\r\n\r\n  .hero-actions .btn {\r\n    width: 100%;\r\n    padding: 1rem;\r\n  }\r\n}\r\n\r\n/* Scrollbar & Custom Selection */\r\n::-webkit-scrollbar {\r\n  width: 10px;\r\n}\r\n\r\n::-webkit-scrollbar-track {\r\n  background: var(--background);\r\n}\r\n\r\n::-webkit-scrollbar-thumb {\r\n  background: var(--border);\r\n  border-radius: 5px;\r\n  border: 2px solid var(--background);\r\n}\r\n\r\n::-webkit-scrollbar-thumb:hover {\r\n  background: var(--muted-foreground);\r\n}\r\n\r\n::-moz-selection {\r\n  background: var(--primary);\r\n  color: white;\r\n}\r\n\r\n::selection {\r\n  background: var(--primary);\r\n  color: white;\r\n}\r\n\r\n/* Rich content fixes for MySQL LongText */\r\n.rich-content {\r\n  font-size: 1.125rem;\r\n  color: var(--foreground);\r\n  line-height: 1.8;\r\n}\r\n\r\n.rich-content p {\r\n  margin-bottom: 1.5rem;\r\n}\r\n\r\n.rich-content h2 {\r\n  margin: 2.5rem 0 1.25rem;\r\n  font-size: 1.85rem;\r\n  font-weight: 800;\r\n}\r\n\r\n.rich-content ul {\r\n  margin-bottom: 1.5rem;\r\n  padding-left: 1.5rem;\r\n}\r\n\r\n.rich-content li {\r\n  margin-bottom: 0.625rem;\r\n}"],"names":[],"mappings":"AAKA;;;;;;;;;;;;;;;;;;;;;;;;;;AAiCA;;;;;;;;;;;;;;;;;;AAyBA;;;;;;AAMA;;;;;AAKA;;;;;;;;;;;;AAYA;;;;;;;AAYA;;;;;;AAMA;;;;;;AAMA;;;;;;;AAUA;;;;;;;AAOA;;;;AAIA;EACE;;;;;AAKF;;;;;;AAMA;;;;;;AAMA;;;;;;AAWA;;;;;;;;;;;;;AAaA;;;;;;AAMA;;;;;;AAMA;;;;;;AAMA;;;;;AAMA;;;;;;;;;;AAUA;;;;;;AAOA;;;;;;AAQA;;;;;AAKA;;;;;AAKA;;;;;;;;;;;;;AAaA;;;;;AAMA;;;;;;;AAQA;;;;;;;;;;AAUA;;;;;AAQA;;;;AAIA;;;;;;;AAOA;;;;;;;;;;;AAWA;;;;;;;AAUA;;;;;;;;;;AAYA;;;;AAIA;;;;;;AAMA;;;;;AAKA;;;;AAIA;;;;;;;;;;AAaA;;;;;;;;;AASA;;;;;;AAMA;;;;;;;;AAQA;;;;;;AAMA;;;;;;;;;;;AAWA;;;;;;;;;;;;AAYA;;;;;;;;;;;;;AAaA;;;;;;;;;;AAUA;;;;;AAKA;;;;;;;;;;AAUA;;;;;;;;;AASA;;;;;;AAMA;;;;;;;;AAQA;;;;;AAKA;;;;;;AAMA;;;;;;;;AAQA;;;;;;AAOA;EACE;;;;;;EAMA;;;;;;;;EAQA;;;;;EAKA;;;;EAIA;;;;;EAKA;;;;;;;;;EASA;;;;;;EAMA;;;;;;;EAOA;;;;EAKA;;;;;;;AAOF;EACE;;;;EAIA;;;;;EAKA;;;;EAIA;;;;;AAQF;EACE;;;;;AAKF;EACE;;;;;;EAMA;;;;;;;EAOA;;;;;EAKA;;;;EAKA;;;;;;;;;EASA;;;;;;;;;EASA;;;;;;;;;EASA;;;;;;;;;;;AAWF;EACE;;;;;;EAMA;;;;EAIA;;;;;;;;EAQA;;;;;EAKA;;;;;EAKA;;;;EAMA;;;;;EAKA;;;;;;AAOF;;;;AAIA;;;;AAIA;;;;;;AAMA;;;;AAIA;;;;;AAWA;;;;;;AAMA;;;;AAIA;;;;;;AAMA;;;;;AAKA"}}]
}