/* ==========================================================
   AUTH — styles des pages inscription et connexion
   ========================================================== */
.auth-page{display:grid;grid-template-columns:1fr minmax(0,520px);gap:0;margin-top:40px;align-items:stretch}

/* Panneau éditorial */
.auth-side{display:flex;flex-direction:column;justify-content:center;padding:48px 40px;background:var(--soft);border-top:3px solid var(--fg)}
.auth-kicker{align-self:flex-start;padding:3px 8px;background:var(--accent);color:var(--accent-fg);font:700 11px var(--sans);letter-spacing:.14em;text-transform:uppercase}
.auth-side-title{margin:16px 0 24px;font:400 clamp(30px,4vw,46px)/1.05 var(--serif);color:var(--fg)}
.auth-perks{list-style:none;margin:0;padding:0}
.auth-perks li{position:relative;padding:12px 0 12px 24px;border-top:1px solid var(--accent);font:700 16px/1.3 var(--sans)}
.auth-perks li::before{content:"";position:absolute;left:0;top:19px;width:10px;height:10px;border-radius:50%;background:var(--coral)}

/* Carte formulaire */
.auth-card{padding:48px 40px;border:1px solid var(--fg);border-left:0;background:var(--bg)}
.auth-title{margin:0 0 6px;font:400 clamp(30px,4vw,40px)/1.05 var(--serif);color:var(--fg)}
.auth-intro{margin:0 0 28px;color:var(--muted)}

.auth-form p{margin:0 0 18px}
.auth-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.auth-field label{display:block;font:700 13px var(--sans);text-transform:uppercase;letter-spacing:.1em}
.auth-field input{display:block;width:100%;margin-top:6px;padding:12px 16px;border:1px solid var(--fg);border-radius:0;background:var(--bg);color:var(--fg);font:400 16px var(--sans)}
.auth-field input:focus{border-color:var(--accent);outline:3px solid var(--coral);outline-offset:0}
.auth-field small{display:block;margin-top:6px;font-size:13px;color:var(--muted)}

.auth-check,
.auth-check label{font:400 14px/1.4 var(--sans);color:var(--fg);cursor:pointer}
.auth-check input,
.auth-options input{width:16px;height:16px;margin:0 6px 0 0;vertical-align:-3px;accent-color:var(--accent)}
.auth-options{display:flex;flex-wrap:wrap;gap:8px 16px;justify-content:space-between;align-items:center;margin-bottom:22px;font-size:14px}
.auth-options a{color:var(--accent);text-decoration:underline}

.auth-submit{width:100%;padding:14px 24px;text-align:center}
.auth-feedback{min-height:1.5em;margin:12px 0 0;font-weight:700;color:var(--accent)}

.auth-switch{margin:24px 0 0;padding-top:20px;border-top:1px solid var(--line);font-size:15px;color:var(--muted)}
.auth-switch a{margin-left:4px;font-weight:700;color:var(--accent);text-decoration:underline}

@media(max-width:900px){
	.auth-page{grid-template-columns:1fr}
	.auth-side{padding:32px 24px}
	.auth-card{padding:32px 24px;border-left:1px solid var(--fg);border-top:0}
}
@media(max-width:480px){
	.auth-row{grid-template-columns:1fr;gap:0}
}