/* Page de connexion (reprend les couleurs et polices de app.css) */
body{background:var(--bg);color:var(--ink);margin:0}
.cx{max-width:560px;margin:0 auto;padding:40px 16px 60px}
.cx .ptitle{margin:0 0 24px}
.cxbox{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:20px 22px}
.cxbox h2{margin:0 0 6px;font-size:1.2rem}
.cxbox h3{margin:20px 0 8px;font-size:.85rem;text-transform:uppercase;letter-spacing:.05em;color:var(--accent)}
.cxbox h3 span{text-transform:none;letter-spacing:0;color:var(--muted);font-weight:400;margin-left:6px}
.cxbox .meta{color:var(--muted);font-size:.88rem;line-height:1.45;margin:0 0 6px}
.cxbox a{color:var(--accent);font-weight:600}
.cxtest{display:inline-block;margin:0 0 10px;border:1px solid var(--perdu);color:var(--perdu);border-radius:4px;padding:0 6px;font-weight:700;font-size:.72rem;letter-spacing:.03em}
.cxgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px}
.cxgrid button{font:inherit;font-size:.95rem;font-weight:600;text-align:left;padding:11px 14px;border-radius:8px;border:1.5px solid var(--line);background:var(--bg);color:var(--ink);cursor:pointer}
.cxgrid button:hover,.cxgrid button:focus-visible{border-color:var(--accent);color:var(--accent);outline:none}

/* Connexion par lien e-mail */
.cxlabel{display:block;font-size:.85rem;font-weight:600;margin:12px 0 6px}
.cxchamp{width:100%;box-sizing:border-box;font:inherit;font-size:1rem;padding:11px 12px;border:1.5px solid var(--line);border-radius:8px;background:var(--bg);color:var(--ink)}
.cxchamp:focus{border-color:var(--accent);outline:none}
.cxbtn{display:block;width:100%;box-sizing:border-box;margin-top:12px;font:inherit;font-weight:700;font-size:.98rem;padding:12px;border:0;border-radius:8px;background:var(--accent);color:var(--accent-ink,#fff);text-align:center;text-decoration:none;cursor:pointer}
.cxbox a.cxbtn{color:var(--accent-ink,#fff)}
.cxbtn.sec,.cxbox a.cxbtn.sec{background:transparent;color:var(--accent);border:1.5px solid var(--line);font-weight:600}
.cxpetit{font-size:.8rem;margin-top:12px}
.cxok{width:46px;height:46px;border-radius:50%;background:color-mix(in srgb,var(--accent) 14%,transparent);color:var(--accent);display:grid;place-items:center;font-size:1.4rem;margin:0 0 12px}