body {
  background: #f7fafd;
  color: #222;
  font-family: 'Segoe UI', 'Roboto', Arial, sans-serif;
}
.bg-white, .card, .feature-card {
  background: #fff !important;
  border-radius: 24px !important;
  box-shadow: 0 4px 32px #2196f322 !important;
}
.navbar {
  border-radius: 0 0 24px 24px;
  box-shadow: 0 4px 24px #2196f322;
}
.navbar-brand {
  font-size: 1.7rem;
  letter-spacing: 1px;
  color: #2196f3 !important;
}
.btn-primary, .btn-outline-primary {
  border-radius: 14px;
  font-weight: 500;
  font-size: 1.1rem;
}
.btn-primary {
  background: linear-gradient(90deg, #2196f3 60%, #2d9cfa 100%);
  border: none;
}
.btn-outline-primary {
  color: #2196f3;
  border-color: #2196f3;
}
.btn-outline-primary:hover {
  background: #2196f3;
  color: #fff;
}
.feature-card {
  padding: 2rem 1.5rem;
  text-align: center;
  margin-bottom: 2rem;
}
.feature-card i {
  font-size: 2.5rem;
  color: #2196f3;
  margin-bottom: 1rem;
}
.tab-content, .nav-pills .nav-link {
  background: transparent !important;
}
.nav-pills .nav-link.active {
  background: linear-gradient(90deg, #2196f3 60%, #2d9cfa 100%) !important;
  color: #fff !important;
}
.table {
  background: #fff;
  color: #222;
  border-radius: 16px;
  overflow: hidden;
  text-align: center;
}
.table thead th {
  background: #e3f1fd;
  color: #2196f3;
  border: none;
}
.table td, .table th {
  border: none;
}
input, select, textarea {
  border-radius: 12px !important;
  border: 1px solid #8a8a8a !important;
}
input:focus, select:focus, textarea:focus {
  border-color: #2196f3 !important;
  box-shadow: 0 0 0 2px #2196f355 !important;
}
@media (max-width: 767px) {
  .feature-card { padding: 1.2rem 0.7rem; }
  .navbar-brand { font-size: 1.2rem; }
  .btn, .btn-lg { font-size: 1rem; }
}