/* Pages sans session (refus, sortie, aperçu local) : la marque, rien de la formation. */
body{margin:0;background:#f6f3ee;color:#1f2b29;font:16px/1.6 Montserrat,"Segoe UI",system-ui,sans-serif}
.ecran{min-height:100vh;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr)}
.marque{background:#324542;color:#f6f3ee;padding:56px;display:flex;flex-direction:column;justify-content:center;gap:10px;position:relative;overflow:hidden}
.marque::after{content:"";position:absolute;left:0;right:0;bottom:48px;height:6px;background:repeating-linear-gradient(90deg,#ddd7c9 0 26px,transparent 26px 44px);opacity:.35}
.marque img{width:64px;height:64px;margin-bottom:10px}
.marque p{margin:0}
.marque .nom{font-size:34px;font-weight:800;letter-spacing:-.02em;line-height:1.1}
.marque .sous{font-size:13px;font-style:italic;letter-spacing:.05em;color:#ddd7c9}
.marque .promesse{margin-top:22px;font-size:17px;line-height:1.55;color:#e6e1d6;max-width:30ch}
.message{padding:56px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:18px;max-width:520px}
h1{margin:0;font-size:32px;font-weight:800;color:#324542;letter-spacing:-.02em}
.message p{margin:0;color:#5b6966;font-size:16.5px}
.bouton{display:inline-flex;align-items:center;min-height:48px;padding:0 24px;border-radius:12px;background:#324542;color:#f6f3ee;text-decoration:none;font-weight:700}
.bouton:hover{background:#2a3a37}
.comptes{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
@media (max-width:760px){.ecran{grid-template-columns:1fr}.marque{padding:36px 24px}.marque::after{bottom:16px}.message{padding:32px 24px}}
.autre-porte{margin-top:18px;font-size:14px;color:#5b6966}
.autre-porte a{color:#366964;font-weight:600}