/* custom.css */

/* Hieu ung mo kinh (glassmorphism) cho tat ca cac card */
.bg-slate-800, .bg-slate-900, .card, .widget, .service, .bookmark {
  background: rgba(30, 41, 59, 0.45) !important;
  backdrop-filter: blur(16px) !important;
  -webkit-backdrop-filter: blur(16px) !important;
  border: 1px solid rgba(255, 255, 255, 0.06) !important;
  box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.25) !important;
  border-radius: 12px !important;
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
}

/* Hieu ung hover luot nhe */
.bg-slate-800:hover, .bg-slate-900:hover, .card:hover, .widget:hover, .service:hover {
  transform: translateY(-3px) !important;
  background: rgba(30, 41, 59, 0.65) !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
  box-shadow: 0 12px 40px 0 rgba(0, 0, 0, 0.35) !important;
}

/* Background gradient toi gian, sang trong */
body {
  background-image: radial-gradient(circle at 50% 50%, #1e293b 0%, #0f172a 100%) !important;
  background-attachment: fixed !important;
  background-size: cover !important;
}

/* Bo tron truong tim kiem va chinh mau chu tieu de nhom */
input[type="search"] {
  background: rgba(15, 23, 42, 0.6) !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  border-radius: 8px !important;
  color: #f8fafc !important;
}

h2, .text-lg {
  letter-spacing: 0.05em !important;
  font-weight: 600 !important;
  color: #cbd5e1 !important;
}