.guide-optin[data-astro-cid-sjm27ber]{background:radial-gradient(130% 120% at 15% 0%, var(--color-corail-clair), var(--color-corail) 60%);color:#fff;box-shadow:0 34px 64px -40px color-mix(in srgb, var(--color-corail) 80%, transparent);border-radius:16px;flex-wrap:wrap;align-items:center;gap:clamp(1rem,3vw,2rem);margin:2.2rem 0;padding:clamp(1.1rem,2.6vw,1.5rem) clamp(1.3rem,3vw,1.9rem);display:flex;position:relative}.guide-optin__body[data-astro-cid-sjm27ber],.guide-optin__aside[data-astro-cid-sjm27ber]{z-index:1;position:relative}.guide-optin__body[data-astro-cid-sjm27ber]{flex:48%}.guide-optin__aside[data-astro-cid-sjm27ber]{flex:44%}@media (width<=34rem){.guide-optin__body[data-astro-cid-sjm27ber],.guide-optin__aside[data-astro-cid-sjm27ber]{flex-basis:100%}.guide-optin[data-astro-cid-sjm27ber] .guide-optin__form[data-astro-cid-sjm27ber]{grid-template-columns:1fr}}.guide-optin[data-astro-cid-sjm27ber] .guide-optin__kicker[data-astro-cid-sjm27ber]{letter-spacing:.16em;text-transform:uppercase;color:color-mix(in srgb, #fff 88%, var(--color-corail));margin:0 0 .4rem;font-size:.72rem;font-weight:700}.guide-optin[data-astro-cid-sjm27ber] .guide-optin__title[data-astro-cid-sjm27ber]{font-family:var(--font-heading);letter-spacing:-.02em;color:#fff;text-wrap:balance;margin:0 0 .35rem;font-size:clamp(1.15rem,2vw,1.45rem);font-weight:680;line-height:1.15}.guide-optin[data-astro-cid-sjm27ber] .guide-optin__text[data-astro-cid-sjm27ber]{color:color-mix(in srgb, #fff 92%, var(--color-corail));margin:0;font-size:.9rem;line-height:1.5}.guide-optin__form[data-astro-cid-sjm27ber]{grid-template-columns:1fr 1.4fr;gap:.6rem;display:grid}.guide-optin__form[data-astro-cid-sjm27ber] input[data-astro-cid-sjm27ber]{border:2px solid color-mix(in srgb, var(--color-sarcelle) 18%, transparent);width:100%;min-width:0;font-family:var(--font-body);color:var(--color-brand-text);background:var(--color-brand-bg);border-radius:10px;outline:none;padding:.8rem 1.1rem;font-size:.97rem;transition:border-color .25s,box-shadow .25s}.guide-optin__form[data-astro-cid-sjm27ber] input[data-astro-cid-sjm27ber]::placeholder{color:var(--color-brand-muted)}.guide-optin__form[data-astro-cid-sjm27ber] input[data-astro-cid-sjm27ber]:focus-visible{border-color:var(--color-sarcelle);box-shadow:0 0 0 4px color-mix(in srgb, var(--color-sarcelle) 25%, transparent)}.guide-optin__submit[data-astro-cid-sjm27ber]{background:var(--color-sarcelle);color:#fff;width:100%;box-shadow:0 14px 28px -16px color-mix(in srgb, var(--color-sarcelle) 70%, transparent);grid-column:1/-1}.guide-optin__submit[data-astro-cid-sjm27ber]:hover{background:color-mix(in srgb, var(--color-sarcelle) 85%, black)}.guide-optin[data-astro-cid-sjm27ber] .guide-optin__success[data-astro-cid-sjm27ber]{color:#fff;background:var(--color-sarcelle);border-radius:10px;margin:.6rem 0 0;padding:.75rem 1.1rem;font-weight:700}.guide-optin[data-astro-cid-sjm27ber] .guide-optin__error[data-astro-cid-sjm27ber]{color:#fff;background:color-mix(in srgb, var(--color-sarcelle) 55%, transparent);border-radius:10px;margin:.6rem 0 0;padding:.75rem 1.1rem;font-size:.85rem;font-weight:700}.guide-optin--bleu[data-astro-cid-sjm27ber]{background:radial-gradient(130% 120% at 15% 0%, var(--color-bleu-clair), var(--color-bleu-electrique) 60%);color:var(--color-clair);box-shadow:0 34px 64px -40px color-mix(in srgb, var(--color-bleu-electrique) 80%, transparent)}.guide-optin--bleu[data-astro-cid-sjm27ber] .guide-optin__kicker[data-astro-cid-sjm27ber],.guide-optin--bleu[data-astro-cid-sjm27ber] .guide-optin__text[data-astro-cid-sjm27ber]{color:color-mix(in srgb, var(--color-clair) 88%, var(--color-bleu-electrique))}.guide-optin--bleu[data-astro-cid-sjm27ber] .guide-optin__title[data-astro-cid-sjm27ber]{color:var(--color-clair)}.guide-optin--bleu[data-astro-cid-sjm27ber] .guide-optin__submit[data-astro-cid-sjm27ber],.guide-optin--bleu[data-astro-cid-sjm27ber] .guide-optin__success[data-astro-cid-sjm27ber]{background:var(--color-corail)}.guide-optin--bleu[data-astro-cid-sjm27ber] .guide-optin__submit[data-astro-cid-sjm27ber]{box-shadow:0 14px 28px -16px color-mix(in srgb, var(--color-corail) 70%, transparent)}.guide-optin--bleu[data-astro-cid-sjm27ber] .guide-optin__submit[data-astro-cid-sjm27ber]:hover{background:var(--color-corail-fonce)}