:root{--color-primary: #0f043a;--color-secondary: #bfa1fd;--color-accent: #bcedec;--color-warm: #ff305d;--color-background: #fbf8ff;--color-surface: #fbf8ff;--color-text: #0f043a;--color-text-secondary: #5A4A6F;--color-text-muted: #8A7BA0;--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 2rem;--spacing-lg: 4rem;--spacing-xl: 6rem;--font-heading: "Anton", sans-serif;--font-subheading: "Bubbler One", sans-serif;--font-body: "Raleway", sans-serif;--font-size-h1: clamp(2.5rem, 5vw, 4rem);--font-size-h2: clamp(2rem, 4vw, 3rem);--font-size-h3: clamp(1.5rem, 3vw, 2rem);--font-size-body: 1.125rem;--font-size-small: .875rem;--transition-fast: .2s ease-out;--transition-normal: .3s ease-out;--transition-slow: .6s ease-out;--max-width: 1200px;--header-height: 80px;--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--shadow-sm: 0 1px 2px 0 rgba(44, 62, 46, .05);--shadow-md: 0 4px 6px -1px rgba(44, 62, 46, .1);--shadow-lg: 0 10px 15px -3px rgba(44, 62, 46, .1);--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: 1rem;--radius-xl: 1.5rem}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;max-width:100%}body{font-family:var(--font-body);font-size:var(--font-size-body);line-height:1.6;color:var(--color-text);background-color:var(--color-background);overflow-x:hidden;max-width:100%}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);line-height:1.3;font-weight:400;color:var(--color-text);margin-bottom:var(--spacing-sm);letter-spacing:.05em;text-transform:uppercase}h1{letter-spacing:.08em;line-height:1.4}h1{font-size:var(--font-size-h1)}h2{font-size:var(--font-size-h2)}h3{font-size:var(--font-size-h3)}p{margin-bottom:var(--spacing-sm)}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-secondary)}a:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:var(--radius-sm)}img{max-width:100%;height:auto;display:block}button{font-family:var(--font-subheading);cursor:pointer;border:none;background:none;transition:all var(--transition-normal)}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:15px 30px;background-color:#bfa1fd;color:#0f043a;font-family:Bubbler One,sans-serif;font-size:1.1rem;font-weight:400;border:none;border-radius:9999px;text-decoration:none;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #bfa1fd66;color:#0f043a}.btn-primary img{height:20px;width:auto;display:block}.subtitle,.subheading,.button-text{font-family:var(--font-subheading)}a[class*=cta],a[class*=button],a[class*=btn],.hero__cta,.app-store-button,.footer__app-store{font-family:var(--font-subheading)!important}button,button *{font-family:var(--font-subheading)}.nav-link,.mobile-menu-link,.brand-link{font-family:var(--font-subheading)!important}.footer__brand-title,.footer__nav-title,.footer__social-title{font-family:var(--font-heading)!important}.footer__brand-description,.footer__copyright,.footer__legal-link{font-family:var(--font-body)!important}button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.container{max-width:var(--max-width);margin:0 auto;padding:0 var(--spacing-md)}.section{padding:var(--spacing-xl) 0}.text-center{text-align:center}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media(max-width:768px){body{font-size:1rem}.section{padding:var(--spacing-lg) 0}}.container{width:100%;max-width:var(--max-width, 1200px);margin-left:auto;margin-right:auto;padding-left:clamp(1rem,5vw,2rem);padding-right:clamp(1rem,5vw,2rem)}.section-padding{padding-top:clamp(3rem,8vw,6rem);padding-bottom:clamp(3rem,8vw,6rem)}.section-padding-sm{padding-top:clamp(2rem,5vw,4rem);padding-bottom:clamp(2rem,5vw,4rem)}.text-responsive-xl{font-size:clamp(2rem,5vw,3.5rem);line-height:1.2}.text-responsive-lg{font-size:clamp(1.5rem,4vw,2.5rem);line-height:1.3}.text-responsive-md{font-size:clamp(1.125rem,2.5vw,1.5rem);line-height:1.5}.text-responsive-sm{font-size:clamp(.875rem,2vw,1rem);line-height:1.6}.grid-responsive{display:grid;gap:clamp(1rem,3vw,2rem)}.grid-responsive-2{grid-template-columns:1fr}@media(min-width:768px){.grid-responsive-2{grid-template-columns:repeat(2,1fr)}}.grid-responsive-3{grid-template-columns:1fr}@media(min-width:640px){.grid-responsive-3{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.grid-responsive-3{grid-template-columns:repeat(3,1fr)}}.flex-responsive{display:flex;flex-direction:column;gap:clamp(1rem,3vw,2rem)}@media(min-width:768px){.flex-responsive{flex-direction:row}}.hide-mobile{display:none}@media(min-width:768px){.hide-mobile{display:block}}.hide-desktop{display:block}@media(min-width:768px){.hide-desktop{display:none}}.img-responsive{width:100%;height:auto;display:block}@media(max-width:767px){button,a,input[type=button],input[type=submit]{min-height:44px;min-width:44px}}@media(max-width:320px){:root{--font-size-body: 1rem;--spacing-md: 1.5rem;--spacing-lg: 3rem;--spacing-xl: 4rem}}@media(min-width:321px)and (max-width:480px){:root{--font-size-body: 1rem}}@media(min-width:481px)and (max-width:768px){:root{--font-size-body: 1.0625rem}}@media(min-width:1920px){:root{--max-width: 1400px;--font-size-body: 1.25rem}}@media(min-width:2560px){:root{--max-width: 1600px;--font-size-body: 1.375rem}}@media(max-width:767px){:root{--header-height: 64px}}@media(max-width:360px){.section-padding{padding-top:2rem;padding-bottom:2rem}.container{padding-left:1rem;padding-right:1rem}}@media(max-height:500px)and (orientation:landscape){.section-padding{padding-top:2rem;padding-bottom:2rem}.hero{min-height:auto;padding-top:2rem;padding-bottom:2rem}}@media print{.navigation,.mobile-menu,.skip-link{display:none}body{font-size:12pt;line-height:1.5;color:#000;background:#fff}a{text-decoration:underline;color:#000}a[href^=http]:after{content:" (" attr(href) ")"}}.animate-fade-up{opacity:0;transform:translateY(30px);transition:opacity var(--transition-slow),transform var(--transition-slow)}.animate-fade-up.is-visible{opacity:1;transform:translateY(0)}.animate-fade-in{opacity:0;transition:opacity var(--transition-slow)}.animate-fade-in.is-visible{opacity:1}.animate-scale{opacity:0;transform:scale(.9);transition:opacity var(--transition-normal),transform var(--transition-normal)}.animate-scale.is-visible{opacity:1;transform:scale(1)}.animate-slide-left{opacity:0;transform:translate(-30px);transition:opacity var(--transition-slow),transform var(--transition-slow)}.animate-slide-left.is-visible{opacity:1;transform:translate(0)}.animate-slide-right{opacity:0;transform:translate(30px);transition:opacity var(--transition-slow),transform var(--transition-slow)}.animate-slide-right.is-visible{opacity:1;transform:translate(0)}.animate-slide-down{opacity:0;transform:translateY(-30px);transition:opacity var(--transition-slow),transform var(--transition-slow)}.animate-slide-down.is-visible{opacity:1;transform:translateY(0)}.animate-rotate{opacity:0;transform:rotate(-10deg);transition:opacity var(--transition-slow),transform var(--transition-slow)}.animate-rotate.is-visible{opacity:1;transform:rotate(0)}.stagger-1{transition-delay:.1s}.stagger-2{transition-delay:.2s}.stagger-3{transition-delay:.3s}.stagger-4{transition-delay:.4s}.stagger-5{transition-delay:.5s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.animate-on-scroll{opacity:0}.animate-on-scroll.is-visible{animation-fill-mode:forwards}.hover-lift{transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.hover-lift:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.hover-scale{transition:transform var(--transition-normal)}.hover-scale:hover{transform:scale(1.05)}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@media(prefers-reduced-motion:reduce){.animate-fade-up,.animate-fade-in,.animate-scale,.animate-slide-left,.animate-slide-right,.animate-slide-down,.animate-rotate{opacity:1;transform:none;transition:none}.animate-fade-up.is-visible,.animate-fade-in.is-visible,.animate-scale.is-visible,.animate-slide-left.is-visible,.animate-slide-right.is-visible,.animate-slide-down.is-visible,.animate-rotate.is-visible{opacity:1;transform:none}.hover-lift:hover,.hover-scale:hover{transform:none}}*:focus{outline:none}*:focus-visible{outline:3px solid var(--color-primary, #9CC5A1);outline-offset:3px;border-radius:4px}button:focus-visible,.button:focus-visible{outline:3px solid var(--color-primary, #9CC5A1);outline-offset:3px;box-shadow:0 0 0 6px #9cc5a126}a:focus-visible{outline:3px solid var(--color-primary, #9CC5A1);outline-offset:3px;border-radius:4px;background-color:#9cc5a11a}input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--color-primary, #9CC5A1);outline-offset:2px;border-color:var(--color-primary, #9CC5A1);box-shadow:0 0 0 4px #9cc5a11a}nav a:focus-visible{outline:3px solid var(--color-primary, #9CC5A1);outline-offset:4px;background-color:#9cc5a11a;border-radius:4px}.card:focus-visible,.interactive:focus-visible{outline:3px solid var(--color-primary, #9CC5A1);outline-offset:4px;box-shadow:0 0 0 6px #9cc5a126}.skip-link:focus{outline:3px solid var(--color-text, #2C3E2E);outline-offset:2px;background-color:var(--color-primary, #9CC5A1);color:var(--color-text, #2C3E2E);font-weight:600}@media(prefers-contrast:high){*:focus-visible{outline-width:4px;outline-offset:4px}button:focus-visible,a:focus-visible{outline-width:4px}}@media(prefers-reduced-motion:reduce){*:focus-visible{transition:none}}@font-face{font-family:Anton;src:url("/fonts/Anton%20(titre)/Anton-Regular.ttf") format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Bubbler One;src:url("/fonts/Bubbler_One%20(sous-titre%20et%20bouton)/BubblerOne-Regular.ttf") format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Raleway;src:url("/fonts/Raleway%20(corps%20de%20texte)/Raleway-VariableFont_wght.ttf") format("truetype-variations");font-weight:100 900;font-style:normal;font-display:swap}
