:root{--bg-page: #0f043a;--bg-card: #1b0b43;--bg-card-elevated: #241458;--bg-footer: #0a0227;--color-cta: #ff305d;--color-accent-mauve: #bfa1fd;--color-accent-blue: #bcedec;--color-gold: #fcd34d;--color-gold-text: #92400e;--color-cta-deep: #d91b47;--color-accent-mauve-deep: #8f6bf5;--color-gold-deep: #f0a92e;--color-text: #fbf8ff;--color-text-secondary: rgba(251, 248, 255, .65);--color-text-muted: rgba(251, 248, 255, .5);--glass-bg: rgba(255, 255, 255, .12);--glass-border: rgba(255, 255, 255, .25);--color-primary: var(--color-text);--color-secondary: var(--color-accent-mauve);--color-accent: var(--color-accent-blue);--color-warm: var(--color-cta);--color-background: var(--bg-page);--color-surface: var(--bg-card);--shadow-card: 0 10px 30px rgba(0, 0, 0, .35);--shadow-sm: var(--shadow-card);--shadow-md: var(--shadow-card);--shadow-lg: var(--shadow-card);--glow-mauve: radial-gradient(circle, rgba(191, 161, 253, .35) 0%, transparent 65%);--glow-red: radial-gradient(circle, rgba(255, 48, 93, .28) 0%, transparent 65%);--glow-blue: radial-gradient(circle, rgba(188, 237, 236, .25) 0%, transparent 65%);--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;--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:clip;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(--bg-page);overflow-x:clip;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-accent-blue);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-accent-mauve)}a:focus-visible{outline:2px solid var(--color-accent-mauve);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:var(--color-cta);color:#fff;font-family:var(--font-subheading);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 6px 24px #ff305d73;color:#fff}.btn-primary img{height:20px;width:auto;display:block}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 28px;background:transparent;color:var(--color-accent-mauve);border:2px solid var(--color-accent-mauve);border-radius:9999px;font-family:var(--font-subheading);font-size:1.05rem;text-decoration:none;cursor:pointer;transition:background .2s ease,transform .2s ease}.btn-secondary:hover{background:#bfa1fd24;transform:translateY(-2px);color:var(--color-accent-mauve)}.card-dark{background:var(--bg-card);border-radius:var(--radius-xl);box-shadow:var(--shadow-card)}.card-glass{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-xl);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.card-gold{background:linear-gradient(0deg,#fcd34d14,#fcd34d14),var(--bg-card);border:1px solid rgba(252,211,77,.45);border-radius:var(--radius-xl);box-shadow:var(--shadow-card)}.badge-gold{display:inline-flex;align-items:center;gap:.4rem;background:var(--color-gold);color:var(--color-gold-text);padding:.4rem .85rem;border-radius:999px;font-family:var(--font-heading);font-size:.9rem;letter-spacing:.04em}.badge-glass{display:inline-flex;align-items:center;gap:.4rem;background:#ffffff24;border:1px solid rgba(255,255,255,.2);color:var(--color-text);padding:.4rem .85rem;border-radius:999px;font-family:var(--font-subheading);font-size:.9rem}.section-eyebrow{display:block;font-family:var(--font-subheading);font-size:.85rem;letter-spacing:.18em;text-transform:uppercase;color:var(--color-accent-mauve);margin-bottom:.6rem}.glow-blob{position:absolute;width:46vw;height:46vw;max-width:640px;max-height:640px;border-radius:50%;background:var(--glow-mauve);pointer-events:none;z-index:0}.glow-blob--red{background:var(--glow-red)}.glow-blob--blue{background:var(--glow-blue)}.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-accent-mauve);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-accent-mauve);outline-offset:3px;border-radius:4px}button:focus-visible,.button:focus-visible{outline:3px solid var(--color-accent-mauve);outline-offset:3px;box-shadow:0 0 0 6px #9cc5a126}a:focus-visible{outline:3px solid var(--color-accent-mauve);outline-offset:3px;border-radius:4px;background-color:#9cc5a11a}input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--color-accent-mauve);outline-offset:2px;border-color:var(--color-accent-mauve);box-shadow:0 0 0 4px #9cc5a11a}nav a:focus-visible{outline:3px solid var(--color-accent-mauve);outline-offset:4px;background-color:#9cc5a11a;border-radius:4px}.card:focus-visible,.interactive:focus-visible{outline:3px solid var(--color-accent-mauve);outline-offset:4px;box-shadow:0 0 0 6px #9cc5a126}.skip-link:focus{outline:3px solid var(--bg-page);outline-offset:2px;background-color:var(--color-accent-mauve);color:var(--bg-page);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}
