:root {
  --brand: #1f3d7a;
  --surface: #ffffff;
  --soft: #f3f6ff;
  --muted: #6b7280;
}

body {
  font-family: 'Inter', sans-serif;
  background: radial-gradient(circle at top, rgba(56, 147, 255, 0.12), transparent 25%), #f5f7fb;
  color: #111827;
}

.bg-soft {
  background-color: #f5f7fb;
}

.brand-logo {
  width: 52px;
  height: 52px;
  border-radius: 18px;
  display: grid;
  place-items: center;
  background: linear-gradient(135deg, #3b82f6, #2563eb);
  color: #ffffff;
  font-size: 1.2rem;
  box-shadow: 0 18px 40px rgba(37, 99, 235, 0.16);
}

.card {
  border: none;
  border-radius: 24px;
}

.product-card {
  background: linear-gradient(180deg, #ffffff 0%, #eef5ff 100%);
}

.form-card {
  background: #ffffff;
}

.price-section .price {
  font-size: 2.75rem;
  line-height: 1;
  font-weight: 700;
  letter-spacing: -0.04em;
}

.feature-pill {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  padding: 0.55rem 1rem;
  border-radius: 999px;
  background: #eef2ff;
  color: #1d4ed8;
  font-size: 0.9rem;
  font-weight: 600;
}

.btn-primary {
  background: linear-gradient(135deg, #4f46e5, #2563eb);
  border: none;
  box-shadow: 0 16px 30px rgba(37, 99, 235, 0.16);
}

.btn-primary:hover {
  transform: translateY(-1px);
}

.form-control:focus {
  border-color: #2563eb;
  box-shadow: 0 0 0 0.15rem rgba(59, 130, 246, 0.18);
}

.alert-success {
  background: rgba(16, 185, 129, 0.14);
  border-color: transparent;
}

@media (max-width: 767px) {
  html {
    font-size: 17px;
  }
  .price-section .price {
    font-size: 2.25rem;
  }
}