/* Page « Espace client » — palette et polices du thème Cherrystone */
.cse-espace {
	--e-ink: #fff8ed; --e-muted: rgba(255, 248, 237, .66); --e-line: rgba(255, 248, 237, .14);
	--e-acc: #eb8e50; --e-bg: #1e2127; --e-serif: 'Fraunces', Georgia, serif; --e-sans: 'Manrope', system-ui, sans-serif;
	max-width: 1000px; margin: 0 auto; padding: 72px clamp(20px, 5vw, 64px) 110px; color: var(--e-ink); font-family: var(--e-sans); box-sizing: border-box;
}
.cse-espace * { box-sizing: border-box; }
.cse-espace__top { display: flex; flex-direction: column; align-items: center; text-align: center; gap: 16px; max-width: 600px; margin: 0 auto 88px; }
.cse-espace__icon { width: 60px; height: 60px; fill: none; stroke: var(--e-acc); stroke-width: 1.6; stroke-linejoin: round; stroke-linecap: round; margin-bottom: 4px; }
.cse-espace__icon .cse-espace__back { fill: var(--e-bg); }
.cse-espace__eyebrow { margin: 0; font-size: 12px; letter-spacing: .22em; text-transform: uppercase; color: var(--e-acc); }
.cse-espace__title { margin: 0; font-family: var(--e-serif); font-weight: 300; font-size: clamp(32px, 4.5vw, 48px); line-height: 1.1; color: var(--e-ink); text-wrap: balance; }
.cse-espace__text { margin: 0; font-size: 15px; line-height: 1.7; color: var(--e-muted); text-wrap: pretty; }
.cse-espace__form { width: 100%; display: flex; flex-direction: column; align-items: center; gap: 12px; margin-top: 8px; }
.cse-espace__label { position: absolute; left: -9999px; }
.cse-espace__form input[type="text"] { width: 100%; max-width: 420px; font: inherit; font-size: 20px; letter-spacing: .28em; text-align: center; text-transform: uppercase; padding: 15px; background: transparent; border: 1px solid var(--e-line); border-radius: 0; color: var(--e-ink); }
.cse-espace__form input[type="text"]::placeholder { letter-spacing: .12em; font-size: 14px; color: var(--e-muted); }
.cse-espace__form input[type="text"]:focus { outline: none; border-color: var(--e-acc); }
.cse-espace__hp { position: absolute !important; left: -9999px !important; width: 1px !important; height: 1px !important; opacity: 0; }
.cse-espace__err { margin: 0; color: #ff8a7a; font-size: 14px; }
.cse-espace__btn { font: inherit; font-size: 12px; letter-spacing: .2em; text-transform: uppercase; padding: 15px 28px; background: var(--e-acc); color: var(--e-bg); border: 1px solid var(--e-acc); border-radius: 0; cursor: pointer; transition: background .2s, color .2s; }
.cse-espace__btn:hover, .cse-espace__btn:focus-visible { background: transparent; color: var(--e-acc); }
.cse-espace__note { margin: 4px 0 0; font-size: 13px; color: var(--e-muted); }
.cse-espace__block { padding: 52px 0; border-top: 1px solid var(--e-line); display: flex; flex-direction: column; gap: 22px; }
.cse-espace__h3 { margin: 0; font-family: var(--e-serif); font-weight: 300; font-size: clamp(24px, 2.6vw, 30px); color: var(--e-ink); }
.cse-espace__steps { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 240px), 1fr)); gap: clamp(20px, 3vw, 40px); }
.cse-espace__steps div { display: flex; flex-direction: column; gap: 10px; }
.cse-espace__steps span { font-family: var(--e-serif); font-size: 28px; line-height: 1; color: var(--e-acc); }
.cse-espace__steps h4 { margin: 0; font-size: 16px; font-weight: 500; color: var(--e-ink); }
.cse-espace__steps p { margin: 0; font-size: 15px; line-height: 1.6; color: var(--e-muted); text-wrap: pretty; }
.cse-espace__privacy .cse-espace__text { max-width: 720px; }
.cse-espace__link { align-self: flex-start; color: var(--e-acc); text-decoration: underline; text-underline-offset: 3px; font-size: 15px; }
.cse-espace__link:hover { color: var(--e-ink); }