/* TuxMail site styles */
:root {
  --tm-bg: #0b1220;
  --tm-card: rgba(255,255,255,0.06);
}

body {
  background: radial-gradient(1200px 600px at 50% 10%, rgba(59,130,246,0.16), transparent 60%),
              radial-gradient(900px 400px at 20% 30%, rgba(16,185,129,0.10), transparent 60%),
              var(--tm-bg);
  color: #e5e7eb;
}

a { color: #93c5fd; }
a:hover { color: #bfdbfe; }

.hero-card {
  background: var(--tm-card);
  border: 1px solid rgba(255,255,255,0.10);
  border-radius: 1.25rem;
  box-shadow: 0 20px 60px rgba(0,0,0,0.35);
}

.hero-image {
  width: 100%;
  max-height: 340px;
  object-fit: cover;
  border-radius: 1rem;
  border: 1px solid rgba(255,255,255,0.10);
}

.tm-badge {
  background: rgba(59,130,246,0.16);
  border: 1px solid rgba(59,130,246,0.35);
  color: #dbeafe;
  border-radius: 999px;
  padding: .35rem .7rem;
  display: inline-block;
}

.form-control, .form-select, textarea {
  background: rgba(255,255,255,0.06) !important;
  color: #e5e7eb !important;
  border: 1px solid rgba(255,255,255,0.12) !important;
}

.form-control::placeholder, textarea::placeholder {
  color: rgba(229,231,235,0.6);
}

.btn-primary {
  border-color: rgba(59,130,246,0.7);
}