/* DriverNova login and registration. Scoped to these two entry pages. */
.auth-pagina {
  --page: #f7f5f0;
  --line: #e3e3dc;
  --ink: #20383b;
  --ink-2: #637170;
  --ink-3: #687775;
  --accent: #285e60;
  --accent-hover: #1e4d50;
  --bronze: #96734f;
  background: var(--page);
}
.auth-pagina .auth-lat {
  max-width: 1040px;
  padding: 0 28px 32px;
}
.auth-pagina .auth-bara-brand {
  justify-content: space-between;
  padding: 28px 0;
}
.auth-pagina .brand { gap: 11px; }
.auth-pagina .brand b { font-size: 21px; letter-spacing: -.04em; }
.auth-pagina .brand svg { width: 29px; height: 32px; }
.auth-pagina .limba-sel {
  min-width: 66px;
  height: 40px;
  padding: 0 9px;
  background: transparent;
  cursor: pointer;
}
.auth-pagina .auth-panel {
  max-width: 480px;
  margin: 32px auto 0;
  padding: 36px;
  border: 1px solid var(--line);
  border-radius: 20px;
  background: #fff;
  box-shadow: 0 12px 40px #20383b06;
}
.auth-pagina[data-page="register"] .auth-panel { max-width: 580px; margin-top: 12px; }
.auth-pagina .auth-intro { margin-bottom: 28px; }
.auth-pagina .auth-intro h1,
.auth-pagina .auth-confirm h2 {
  margin: 0 0 12px;
  color: var(--ink);
  font-size: 29px;
  line-height: 1.18;
  font-weight: 650;
  letter-spacing: -.045em;
  text-wrap: balance;
}
.auth-pagina .auth-intro p,
.auth-pagina .auth-confirm .lead { margin: 0; color: var(--ink-2); font-size: 14px; line-height: 1.65; }
.auth-pagina .formbox { margin: 0; padding: 0; border: 0; border-radius: 0; box-shadow: none; }
.auth-pagina .formbox > label { margin-top: 20px; margin-bottom: 8px; }
.auth-pagina .formbox > label:first-of-type { margin-top: 0; }
.auth-pagina .formbox input:not([type="checkbox"]),
.auth-pagina .formbox select { height: 48px; border-radius: 10px; padding: 0 13px; font-size: 16px; }
.auth-pagina .formbox .rand2 { margin-top: 20px; }
.auth-pagina .formbox .rand2 label { margin-bottom: 8px; }
.auth-pagina .formbox .btn-lat { height: 48px; margin-top: 18px; border-radius: 10px; }
.auth-pagina .ts:empty { display: none; }
.auth-pagina .small.mut { font-size: 12px; line-height: 1.6; margin-top: 12px; }
.auth-pagina .centru { text-align: center; }
.auth-pagina .formbox .centru { margin-top: 18px; font-size: 13px; }
.auth-pagina .auth-switch {
  margin: 26px 0 0;
  padding-top: 22px;
  border-top: 1px solid var(--line);
  text-align: center;
  color: var(--ink-2);
  font-size: 13px;
  line-height: 1.7;
}
.auth-pagina .auth-switch a { font-weight: 600; text-underline-offset: 3px; }
.auth-pagina .auth-subsol { max-width: 580px; margin: 24px auto 0; line-height: 2; font-size: 12px; }
.auth-pagina .auth-subsol a { color: var(--ink-2); text-underline-offset: 3px; }
.auth-pagina .gbtn { border-radius: 10px; font-weight: 500; }
.auth-pagina .legal-check { gap: 10px; }
.auth-pagina .formbox .legal-check label { font-size: 13px; }
.auth-pagina .legal-check p { font-size: 12px; }
.auth-pagina .orsep { margin: 24px 0; }
.auth-pagina .auth-confirm:focus { outline: none; }
@media (max-width: 600px) {
  .auth-pagina .auth-lat { padding: 0 16px 28px; }
  .auth-pagina .auth-bara-brand { padding: 20px 4px; }
  .auth-pagina .auth-panel,
  .auth-pagina[data-page="register"] .auth-panel { margin-top: 12px; padding: 28px 22px; border-radius: 16px; }
  .auth-pagina .auth-intro h1,
  .auth-pagina .auth-confirm h2 { font-size: 27px; }
  .auth-pagina .auth-subsol { margin-top: 20px; }
}
@media (max-width: 360px) {
  .auth-pagina .auth-panel,
  .auth-pagina[data-page="register"] .auth-panel { padding: 24px 18px; }
  .auth-pagina .formbox .rand2 { grid-template-columns: 1fr; gap: 18px; }
}