/* Pages de compte : inscription, connexion, espace. Polices système, aucune ressource externe. */
@import url("legal.css");
.auth { max-width: 440px; margin: 0 auto; padding: 0 16px 64px; }
.auth h1 { margin-top: 12px; }
.auth .lead { margin-bottom: 26px; }
form { display: grid; gap: 18px; }
label { display: grid; gap: 6px; color: var(--ink); font-weight: 600; font-size: 16px; }
label small { color: var(--soft); font-weight: 400; font-size: 14px; }
input[type=email], input[type=password] {
  width: 100%; padding: 13px 14px; font: inherit; color: var(--ink);
  background: var(--panel); border: 2px solid var(--edge); border-radius: 10px;
}
input[type=email]:focus, input[type=password]:focus { border-color: var(--gold); outline: none; }
.check { display: flex; gap: 12px; align-items: flex-start; font-weight: 400; font-size: 15px; color: var(--soft); }
.check input { width: 22px; height: 22px; margin-top: 3px; flex: none; accent-color: var(--gold); }
.btn { padding: 14px 20px; font: 18px/1 var(--display); color: #14102a; background: var(--gold); border: 0; border-radius: 10px; cursor: pointer; }
.btn:disabled { opacity: .55; cursor: wait; }
.msg { padding: 12px 14px; border-radius: 10px; font-size: 15px; display: none; }
.msg.show { display: block; }
.msg.err { background: #3b1020; color: #ffb3c4; border: 2px solid #7a2340; }
.msg.ok { background: #0f3320; color: #a9f0c3; border: 2px solid #2a7a4a; }
.alt { margin-top: 22px; font-size: 15px; }
.linkbtn { background: none; border: 0; padding: 0; color: var(--gold); font: inherit; text-decoration: underline; cursor: pointer; }