/* Les pages sans connexion du site des comptes (connexion, inscription, lien
   magique) : l'allure de MonVendeur / PickForMe, épurée. Aucune ressource
   d'un autre site. */
:root{--fond:#fff;--surface:#f6f7f9;--texte:#1a1f2b;--doux:#5f6675;--bord:#e3e6eb;--acc:#0b6e4f;--acc-fonce:#08563d;--acc-fond:#e9f5ef;--erreur:#b42318;--erreur-fond:#fdecea;--ombre:0 1px 3px rgba(20,30,50,.08),0 4px 18px rgba(20,30,50,.06)}
@media (prefers-color-scheme:dark){:root{--fond:#101318;--surface:#181c23;--texte:#e7eaf0;--doux:#9aa2b1;--bord:#2a303b;--acc:#43d295;--acc-fonce:#2fb67c;--acc-fond:#14302a;--erreur:#ff8a80;--erreur-fond:#3a1d1b;--ombre:0 1px 3px rgba(0,0,0,.4)}}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;min-height:100vh;display:flex;flex-direction:column;font:17px/1.55 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;background:var(--fond);color:var(--texte)}
a{color:var(--acc)}
header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 20px}
header nav a{color:var(--doux);font-size:.92rem;text-decoration:none}
header nav a:hover{color:var(--texte);text-decoration:underline}
.marque{font-weight:800;font-size:1.2rem;letter-spacing:-.02em;text-decoration:none;color:var(--texte)}
.marque span{color:var(--acc)}
main{flex:1;width:100%;max-width:440px;margin:0 auto;padding:4vh 20px 32px}
h1{font-size:1.65rem;line-height:1.25;letter-spacing:-.01em;margin:.2em 0 .6em}
.doux{color:var(--doux);font-size:.95rem}
.carte{display:flex;flex-direction:column;gap:6px;background:var(--fond);border:1px solid var(--bord);border-radius:16px;padding:22px;box-shadow:var(--ombre)}
label{font-weight:600;font-size:.95rem;margin-top:8px}
label.case{display:flex;gap:10px;align-items:flex-start;font-weight:400;margin-top:12px}
label.case input{margin-top:.3em;accent-color:var(--acc)}
input[type=email],input[type=password],input[type=text]{font:inherit;color:var(--texte);background:var(--fond);border:1px solid var(--bord);border-radius:10px;padding:10px 12px;width:100%}
input:focus{outline:0;border-color:transparent;box-shadow:0 0 0 2px var(--acc)}
small{color:var(--doux);font-size:.85rem}
button{margin-top:16px;font:inherit;font-weight:600;color:#fff;background:var(--acc);border:0;border-radius:999px;padding:12px 18px;cursor:pointer}
button:hover{background:var(--acc-fonce)}
button:focus-visible{outline:2px solid var(--acc);outline-offset:3px}
.carte .doux{margin:10px 0 0;text-align:center}
.ailleurs{text-align:center;margin-top:20px}
.avis{border-radius:10px;padding:10px 14px;margin:0 0 14px;background:var(--acc-fond)}
.avis-error{background:var(--erreur-fond);color:var(--erreur)}
ul.avis{padding-left:32px}
footer{color:var(--doux);font-size:.85rem;text-align:center;padding:18px 20px}