.container-fluid.svelte-1v4c2ou{width:100%;padding:0 1em;margin:0 auto}.hero.svelte-1v4c2ou{background-color:#f8f9fa;text-align:center;padding:1em;margin:0 auto 2em;color:#343a40;min-height:150px;min-width:75%;max-width:100%;border-radius:20px}.hero.svelte-1v4c2ou h1:where(.svelte-1v4c2ou){font-size:3rem;font-weight:700;margin-bottom:20px}.hero.svelte-1v4c2ou p:where(.svelte-1v4c2ou){font-size:1.2rem;margin-bottom:30px;line-height:1.6}.features.svelte-1v4c2ou{display:grid;grid-template-columns:repeat(3,minmax(250px,1fr));gap:2em;padding:10px;justify-items:center;align-items:center;width:100%;margin:0 auto}.feature.svelte-1v4c2ou{position:relative;background:#fff;padding:50px;border-radius:20px;box-shadow:0 4px 8px #0000001a;text-align:center;width:100%;margin:0 auto}.feature.svelte-1v4c2ou h3:where(.svelte-1v4c2ou){font-size:1.5rem;font-weight:700;margin-bottom:10px}.feature.svelte-1v4c2ou p:where(.svelte-1v4c2ou){font-size:1rem;line-height:1.4}.btn-primary.svelte-1v4c2ou{width:15%;padding:.75rem;background-color:#007bff;color:#fff;border:none;border-radius:20px;cursor:pointer}.btn-primary.svelte-1v4c2ou:hover{background-color:#0056b3}.login-btn.svelte-1v4c2ou,.inscription-btn.svelte-1v4c2ou{margin-top:20px;text-align:center}.btn-secondary.svelte-1v4c2ou{background-color:#4caf50;color:#fff;border:none;padding:10px 20px;font-size:16px;cursor:pointer;border-radius:20px;width:15%}.btn-secondary.svelte-1v4c2ou:hover{background-color:#45a049}.feature-status.svelte-1v4c2ou{position:absolute;top:0;right:0;padding:5px 10px;font-weight:700;color:#fff;border-radius:5px;text-align:center;z-index:1}.gratuit.svelte-1v4c2ou{background-color:green}.en-construction.svelte-1v4c2ou{background-color:#f5aa1f;transform:rotate(45deg);top:50px}.abonnements.svelte-1v4c2ou{margin-top:2em;justify-items:center;align-items:center;width:100%}@media (max-width: 1500px){.features.svelte-1v4c2ou{grid-template-columns:repeat(2,minmax(250px,1fr));gap:1.5em}}@media (max-width: 700px){.features.svelte-1v4c2ou{grid-template-columns:1fr;gap:1.5em}.login-btn.svelte-1v4c2ou{display:flex;flex-direction:column;align-items:stretch;gap:.5em;width:100%;margin:0 auto}.login-btn.svelte-1v4c2ou button:where(.svelte-1v4c2ou),.inscription-btn.svelte-1v4c2ou button:where(.svelte-1v4c2ou){width:100%;font-size:1rem}}
