:root { --ink:#18181b; --muted:#64748b; --border:#e2e8f0; --blue:#2563eb; }
html, body#loginBody { background: #f8fafc !important; }
body#loginBody {
  color: var(--ink);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
#brickwall, #blur { display: none !important; }
#loginBox {
  top: 50% !important;
  width: 420px !important;
  margin: 0 !important;
  padding: 34px !important;
  transform: translate(-50%, -50%);
  border: 1px solid var(--border);
  border-radius: 16px !important;
  background: #fff;
  box-shadow: 0 20px 55px rgba(15, 23, 42, .10) !important;
}
#loginBox:after { display: none !important; }
#logo a { height: 76px !important; }
#logo a img { display: none !important; }
#logo a::before {
  content: "";
  display: block;
  width: 100%;
  height: 64px;
  background: url('/assets/blue-sky/blue-sky-wordmark.svg') center / contain no-repeat;
}
#login-message { margin: 8px 0 18px !important; color: #dc2626 !important; }
#loginBox form { width: 100% !important; }
#loginBox fieldset { margin: 0 !important; }
#loginBox fieldset input {
  width: 100% !important;
  min-height: 44px;
  margin-bottom: 12px !important;
  padding: 10px 12px !important;
  border: 1px solid #cbd5e1 !important;
  border-radius: 10px !important;
  background: #fff !important;
  font-family: inherit;
  font-size: 14px;
}
#loginBox fieldset input:focus {
  border-color: #60a5fa !important;
  box-shadow: 0 0 0 3px #dbeafe !important;
}
#loginBox button[type="submit"] {
  min-height: 42px;
  padding: 0 18px;
  border: 0 !important;
  border-radius: 10px !important;
  background: var(--ink) !important;
  color: #fff !important;
  font-family: inherit;
  font-weight: 700;
  box-shadow: none !important;
}
#reset-link { color: var(--blue); font-size: 12px; line-height: 42px; }
#company { bottom: -48px !important; color: var(--muted) !important; }
#company .content { color: var(--muted) !important; background: transparent !important; box-shadow: none !important; text-shadow: none !important; }
#poweredBy { display: none !important; }
@media (max-width: 520px) {
  #loginBox { width: calc(100% - 28px) !important; padding: 26px 22px !important; }
}