/* Basic tweaks + better dark mode support */
:root {
  --brand-accent: #0d6efd;
}
html, body { height: 100%; }
body { display: flex; flex-direction: column; }

/* Card hover */
.card { transition: transform .08s ease, box-shadow .08s ease; }
.card:hover { transform: translateY(-2px); }

/* Dark mode adjustments come from Bootstrap's data-bs-theme attribute */
/* Glass effect modal */
.glass-card {
  backdrop-filter: blur(12px) saturate(180%);
  background: rgba(255, 255, 255, 0.85);
  border-radius: 16px;
  border: 1px solid rgba(255, 255, 255, 0.25);
}

[data-bs-theme="dark"] .glass-card {
  background: rgba(20, 20, 20, 0.85);
  color: #eee;
}

.otp-input {
  font-size: 1.4rem;
  letter-spacing: 0.5rem;
  text-align: center;
}
.modal-backdrop {
  z-index: 1040;
}
.modal {
  z-index: 1050;
}

.hero-section {
  background: linear-gradient(135deg, #0066ff, #6610f2);
  padding: 120px 0;
}
.hero-section .animate-fade { animation: fadeIn 1.5s ease-in-out; }
.hero-section .animate-bounce { animation: bounce 2s infinite; }

.glass-card {
  background: rgba(255,255,255,0.85);
  backdrop-filter: blur(12px);
  border-radius: 16px;
}

.tender-card {
  transition: transform .2s, box-shadow .2s;
}
.tender-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 20px rgba(0,0,0,0.15);
}

@keyframes fadeIn { from {opacity:0;} to {opacity:1;} }
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% { transform: translateY(0); }
  40% { transform: translateY(-6px); }
  60% { transform: translateY(-3px); }
}