:root {
  --utmb-blue: #1c1cf5;
  --utmb-yellow: #f6c744;
  --utmb-purple: #883dde;
  --utmb-orange: #ee692c;
  --utmb-bg: var(--utmb-blue);
  --utmb-accent: var(--utmb-yellow);
  --utmb-secondary: var(--utmb-purple);
  --utmb-highlight: var(--utmb-orange);
  --utmb-text: #222;
  --utmb-white: #fff;
}

.utmb-header {
  background: var(--utmb-bg);
  color: var(--utmb-white);
}

.utmb-bg {
  background: linear-gradient(135deg, var(--utmb-blue), var(--utmb-purple), var(--utmb-yellow), var(--utmb-orange));
  color: var(--utmb-white);
}

.cta-btn {
  background: var(--utmb-accent);
  color: var(--utmb-text);
  border-radius: 32px;
  padding: 16px 32px;
  font-size: 1.2em;
  font-weight: bold;
  border: none;
  transition: background 0.2s;
  box-shadow: 0 2px 8px rgba(28,28,245,0.08);
  cursor: pointer;
}
.cta-btn:hover {
  background: var(--utmb-highlight);
  color: var(--utmb-white);
}

.login-btn, .signup-btn {
  background: var(--utmb-secondary);
  color: var(--utmb-white);
  border-radius: 20px;
  padding: 8px 18px;
  margin-left: 8px;
  font-weight: bold;
  text-decoration: none;
}
.login-btn:hover, .signup-btn:hover {
  background: var(--utmb-highlight);
  color: var(--utmb-white);
}