:root {
  --brand-purple: 232 112 42;
}

.dark {
  --brand-purple: 240 144 48;
}

[data-testid="login-form"],
form[aria-label*="Login"],
.relative.flex.min-h-screen {
  background: radial-gradient(ellipse at 50% 0%, rgba(232, 112, 42, 0.08) 0%, transparent 60%);
}

[data-testid="login-form"] button,
form button[type="submit"],
.inline-flex.items-center.justify-center {
  border-color: rgba(232, 112, 42, 0.3) !important;
  transition: all 0.2s ease;
}

[data-testid="login-form"] button:hover,
form button[type="submit"]:hover,
.inline-flex.items-center.justify-center:hover {
  border-color: rgba(232, 112, 42, 0.6) !important;
  background: rgba(232, 112, 42, 0.08) !important;
}

img[alt*="logo" i],
img[alt*="T2" i] {
  max-height: 56px;
  filter: drop-shadow(0 2px 8px rgba(232, 112, 42, 0.3));
}