/* ---------- AUTH PAGES (login / signup / app placeholder / enquire) ---------- */
/* Loaded after main.css — reuses its tokens (--k0/--k1/--white/--dim/--grey/--red/--line/--mono/--sans). */

.auth-page{
  min-height:100svh;display:flex;align-items:center;justify-content:center;
  padding:140px 22px 60px;
}
.auth-card{
  width:100%;max-width:420px;
  border:1px solid var(--line);border-radius:3px;
  background:var(--k1);padding:48px 40px;
}
.auth-card h1{
  font-family:var(--mono);font-weight:700;
  font-size:clamp(24px,4vw,30px);line-height:1.15;letter-spacing:-0.02em;
  margin-bottom:32px;
}
.auth-field{display:block;margin-bottom:20px}
.auth-field span{
  display:block;font-family:var(--mono);font-size:11px;color:var(--grey);
  letter-spacing:.16em;text-transform:uppercase;margin-bottom:10px;
}
.auth-field input{
  width:100%;font-family:var(--mono);font-size:14px;color:var(--white);
  background:var(--k0);border:1px solid var(--line);border-radius:3px;
  padding:14px 16px;
}
.auth-field input::placeholder,.auth-field textarea::placeholder{color:var(--grey)}
.auth-field input:focus,.auth-field textarea:focus{outline:2px solid var(--red);outline-offset:2px;border-color:transparent}
.auth-field textarea{
  width:100%;font-family:var(--sans);font-size:14px;color:var(--white);line-height:1.5;
  background:var(--k0);border:1px solid var(--line);border-radius:3px;
  padding:14px 16px;resize:vertical;min-height:120px;
}
.auth-card .btn{width:100%;border:0;cursor:pointer;text-align:center;margin-top:4px}
.auth-card .btn:disabled{opacity:.6;cursor:default}
.auth-msg{font-family:var(--mono);font-size:12px;min-height:18px;margin-top:18px;color:var(--grey)}
.auth-msg.ok{color:var(--white)}
.auth-msg.err{color:var(--red)}
.auth-switch{
  margin-top:28px;font-family:var(--mono);font-size:12px;color:var(--grey);
  text-align:center;
}
.auth-switch a{color:var(--white);text-decoration:none;border-bottom:1px solid var(--line)}
.auth-switch a:hover{color:var(--red);border-color:var(--red)}
.auth-lede{margin-top:18px;color:var(--dim);font-size:15px;line-height:1.65}
.auth-lede strong{color:var(--white);font-weight:500}

@media(max-width:860px){
  .auth-page{padding:100px 22px 40px}
  .auth-card{padding:36px 26px}
}