:root {
--soprom-teal: #1CB4AD;
--soprom-grey: #B3B3B3;
}
body {
font-family: 'Montserrat', sans-serif;
background-color: #ffffff;
margin: 0;
overflow: hidden;
}
.text-soprom-teal { color: var(--soprom-teal); }
.bg-soprom-teal { background-color: var(--soprom-teal); }

/* Animation d'arrière-plan */
.bg-circles {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
}
.circle {
position: absolute;
background: #f3f4f6;
border-radius: 50%;
animation: float 20s infinite ease-in-out;
opacity: 0.6;
}
@keyframes float {
0%, 100% { transform: translate(0, 0); }
33% { transform: translate(30px, -50px); }
66% { transform: translate(-20px, 20px); }
}

/* Animation d'apparition */
.fade-in {
animation: fadeIn 1.2s ease-out forwards;
opacity: 0;
}
@keyframes fadeIn {
from { opacity: 0; transform: translateY(20px); }
to { opacity: 1; transform: translateY(0); }
}

{
"imports": {
"react/": "https://esm.sh/react@^19.2.4/",
"react": "https://esm.sh/react@^19.2.4",
"lucide-react": "https://esm.sh/lucide-react@^0.463.0",
"react-dom/": "https://esm.sh/react-dom@^19.2.4/",
"@google/genai": "https://esm.sh/@google/genai@^1.38.0"
}
}