/* Connexion, inscription, mot de passe — habillage Dossilia (bleu #1d4f91, fond crème, cartes arrondies). Utilise les variables de dossilia-ui.css. */
.lg{background:var(--bg);color:var(--ink);padding:clamp(24px,5vw,64px) 16px 40px;font-family:var(--ui-font)}
.lg-wrap{max-width:min(1180px,100%);margin:0 auto;display:grid;gap:clamp(24px,4vw,48px)}
.lg-head{text-align:center;max-width:720px;margin:0 auto}
.lg-brand{display:inline-flex;align-items:center;gap:10px;margin-bottom:18px;text-decoration:none;min-height:44px}
.lg-brand img{height:42px;width:auto;display:block}
.lg-head h1{font-family:var(--ui-head);font-size:clamp(2rem,5.5vw,3.2rem);line-height:1.08;letter-spacing:-.02em;font-weight:800;margin:0 0 14px;color:var(--ink)}
.lg-lead{font-size:clamp(1.02rem,2vw,1.2rem);line-height:1.45;color:var(--ink2);margin:0}
.lg-card{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:clamp(22px,4vw,32px);width:100%;max-width:440px;margin:0 auto;box-shadow:var(--ui-shadow)}
.lg-card h2{font-family:var(--ui-head);font-size:1.5rem;margin:0 0 4px;color:var(--ink)}
.lg-sub{color:var(--ink2);margin:0 0 18px;font-size:.95rem}
.lg-card .form-control{min-height:48px}
.lg-card .btn-primary{min-height:50px;font-size:1rem}
.lg-links{display:grid;gap:2px;margin:14px 0 0;text-align:center;font-size:.92rem}
.lg-links a{display:flex;align-items:center;justify-content:center;min-height:44px}
.lg-new{text-align:center;margin:10px 0 0;color:var(--ink2);font-size:.88rem}
.lg-card .btn-lg-secondary{display:flex;align-items:center;justify-content:center;min-height:50px;border-radius:12px;font-weight:700;text-align:center;background:var(--surface);color:var(--lnk,var(--acc));border:1.5px solid var(--line);text-decoration:none}
.lg-card .btn-lg-secondary:hover{background:var(--brand-soft);border-color:transparent;text-decoration:none}
.lg-note{text-align:center;color:var(--ink2);font-size:.85rem;margin:8px 0 0}
.lg a:not(.btn):not(.btn-lg-secondary){color:var(--lnk,var(--acc))}
.lg-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.lg-tile{border-radius:20px;padding:26px 24px;min-height:180px}
.lg-tile h3{font-family:var(--ui-head);font-size:1.3rem;margin:0 0 10px;font-weight:800}
.lg-tile p{margin:0;font-size:1rem;line-height:1.45}
.t-blue{background:#1d4f91;color:#fff}.t-blue h3{color:#fff}.t-blue p{color:rgba(255,255,255,.92)}
.t-dark{background:#1C1A24;color:#fff}.t-dark h3{color:#fff}.t-dark p{color:#D9D6E3}
.t-soft{background:var(--teal-soft);color:var(--ink)}.t-soft h3{color:var(--teal)}.t-soft p{color:var(--ink)}
.lg-trust{text-align:center;color:var(--ink2);font-size:.85rem;margin:0}
@media (max-width:820px){.lg-tiles{grid-template-columns:1fr}.lg-tile{min-height:0}}
/* inscription et mot de passe : même habillage, carte centrée sous le logo */
.lg-page{max-width:560px!important}
.lg-page .lg-brand{display:flex;justify-content:center;margin:0 0 6px}
.lg-page .card{border-radius:20px}
@media (prefers-color-scheme:dark){
 .t-blue{background:#1d4f91}.t-dark{background:#1E2530}.t-dark p{color:#C0C8D5}
 .lg-brand img{background:#F6F4F0;border-radius:12px;padding:6px 10px}
}