/* The sign in card and the not found page between ixxo.com's header and footer
   (5.165.0). Loaded after app.css and ixxo-chrome.css by auth-layout.php and
   errors/404.php, so the two stay one design. */
/* The card between ixxo.com's header and footer, in ixxo.com's colours: its
   orange for the button, its faces for the words, its soft opening wash behind
   the card. The logo is in the header now, so the card no longer repeats it. */
.auth-wrap {
  min-height: 0; padding: 64px 20px 80px;
  background: linear-gradient(180deg, #f6f8fc, #fff 70%);
  --accent: #d8690f; --accent-deep: #b6550a; --on-accent: #fff; --accent-ink: #b6550a; --accent-wash: #fcefe2;
}
.auth-card { border-color: #e4e9f2; border-radius: 6px; box-shadow: 0 1px 3px rgba(16,24,40,0.08), 0 1px 2px rgba(16,24,40,0.04); }
.auth-card h1, .auth-card h2 { font-family: "IXXO Plex Sans", "IXXO Inter", system-ui, sans-serif; color: #1b2c46; }
.auth-card, .auth-card .input, .auth-card .btn { font-family: "IXXO Inter", system-ui, -apple-system, sans-serif; }
.auth-card .btn, .auth-card .input { border-radius: 4px; }
@media (max-width: 640px) { .auth-wrap { padding: 36px 16px 56px; } }