/* Pages de portail : connexion et inscription. Mêmes jetons que le
   calendrier — le joueur doit sentir qu'il est déjà chez lui. */
:root{
  --bg:#ffffff; --ink:#0d1117; --muted:#6b7280;
  --line:#e8eaee; --line-soft:#f1f3f6;
  --foot:#0f9d58; --stamp:#c2321e;
}
*{box-sizing:border-box;margin:0;padding:0}
body{
  background:var(--bg);color:var(--ink);
  font-family:"Inter Tight",system-ui,-apple-system,sans-serif;
  font-size:15px;line-height:1.45;
  min-height:100vh;display:flex;align-items:center;justify-content:center;
  padding:32px 16px;
}
.portail{width:100%;max-width:380px}
.portail header{margin-bottom:22px}
h1{font-size:27px;font-weight:700;letter-spacing:-.02em}
.accroche{color:var(--muted);font-size:14px;margin-top:6px}

.carte{
  border:1px solid var(--line);border-radius:14px;padding:20px;
  display:flex;flex-direction:column;gap:14px;
}
label{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:600}
.aide{font-weight:400;font-size:12px;color:var(--muted)}
input{
  font:400 15px/1.2 "Inter Tight",sans-serif;color:var(--ink);
  border:1px solid var(--line);border-radius:10px;padding:11px 12px;background:var(--bg);
}
input:focus{outline:2px solid var(--foot);outline-offset:1px;border-color:transparent}

button{
  margin-top:4px;background:var(--foot);color:#fff;border:0;border-radius:10px;
  font:600 15px/1 "Inter Tight",sans-serif;padding:13px;cursor:pointer;
}
button:hover{filter:brightness(.93)}

.erreur{
  background:#fdf2f0;border:1px solid var(--stamp);border-radius:10px;
  color:var(--stamp);font-size:13px;padding:10px 12px;
}
.bascule{margin-top:16px;font-size:14px;color:var(--muted);text-align:center}
.bascule a{color:var(--foot);font-weight:600}