/* DataDesk sign-in skin: isolated from the authenticated application. */
:root {
  color-scheme: dark;
  --background-base: #00020a;
  --background: #00020a;
  --midground: #3b82f6;
  --foreground: #f0f0f0;
  --hairline: #242b38;
  --hairline-strong: #344155;
}
html, body { font-family: Arial, system-ui, sans-serif; }
body { min-height: 100vh; background-image: radial-gradient(ellipse at top, rgba(37,99,235,.10), transparent 55%); background-size: auto; }
.brand { display: flex; justify-content: center; margin-bottom: 2rem; }
.brand img { display: block; height: auto; width: 240px; max-width: 80%; }
.card { background: #0d111b; border-color: var(--hairline); box-shadow: 0 24px 60px -20px rgba(0,0,0,.65); }
h1 { font-family: Arial, system-ui, sans-serif; font-size: 1.65rem; font-weight: 600; letter-spacing: .025em; }
.subtitle { color: #a6afbe; }
.form-title, .field-label { font-family: Arial, system-ui, sans-serif; color: #a6afbe; letter-spacing: .08em; }
.field-input { font-family: Arial, system-ui, sans-serif; background: #060a13; color: #f0f0f0; border-color: var(--hairline-strong); }
.field-input:focus-visible { border-color: #3b82f6; box-shadow: 0 0 0 2px rgba(59,130,246,.22); }
.provider-btn { font-family: Arial, system-ui, sans-serif; background: #2563eb; color: #fff; box-shadow: none; letter-spacing: .1em; }
.provider-btn:hover { background: #1d4ed8; filter: none; }
.provider-btn:active { background: #1e40af; filter: none; }
.provider-btn:disabled { opacity: .65; cursor: wait; }
footer { color: #8490a3; }
::selection { background: #2563eb; color: #fff; }
@media (max-width: 480px) { .card { padding: 1.75rem 1.25rem; } .brand img { width: 210px; } }