/* Global Scholarships Custom Styles */

/* Smooth transitions for all interactive elements */\n* {\n  transition: all 0.2s ease-in-out;\n}\n\n/* Custom scrollbar */\n::-webkit-scrollbar {\n  width: 8px;\n}\n\n::-webkit-scrollbar-track {\n  background: #f1f5f9;\n}\n\n::-webkit-scrollbar-thumb {\n  background: #cbd5e1;\n  border-radius: 4px;\n}\n\n::-webkit-scrollbar-thumb:hover {\n  background: #94a3b8;\n}\n\n/* Loading animation */\n.animate-spin {\n  animation: spin 1s linear infinite;\n}\n\n@keyframes spin {\n  from {\n    transform: rotate(0deg);\n  }\n  to {\n    transform: rotate(360deg);\n  }\n}\n\n/* Enhanced button hover effects */\n.btn-primary {\n  background: linear-gradient(135deg, #3b82f6 0%, #8b5cf6 100%);\n  color: white;\n  padding: 12px 24px;\n  border-radius: 12px;\n  font-weight: 600;\n  border: none;\n  cursor: pointer;\n  transition: all 0.3s ease;\n}\n\n.btn-primary:hover {\n  transform: translateY(-2px);\n  box-shadow: 0 10px 25px rgba(59, 130, 246, 0.4);\n}\n\n/* Scholarship card enhanced hover */\n.scholarship-card {\n  transition: all 0.3s ease;\n}\n\n.scholarship-card:hover {\n  transform: translateY(-4px);\n  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);\n}\n\n/* Filter section styling */\n.filter-section {\n  backdrop-filter: blur(10px);\n  background: rgba(255, 255, 255, 0.95);\n}\n\n/* Enhanced form controls */\nselect, input[type=\"text\"] {\n  transition: all 0.2s ease;\n}\n\nselect:focus, input[type=\"text\"]:focus {\n  transform: scale(1.02);\n  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);\n}\n\n/* Stats cards animation */\n.stat-card {\n  background: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%);\n  transition: all 0.3s ease;\n}\n\n.stat-card:hover {\n  transform: translateY(-2px);\n  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);\n}\n\n/* Badge styles */\n.badge-government {\n  background: linear-gradient(135deg, #10b981 0%, #059669 100%);\n  color: white;\n}\n\n.badge-university {\n  background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);\n  color: white;\n}\n\n.badge-foundation {\n  background: linear-gradient(135deg, #8b5cf6 0%, #7c3aed 100%);\n  color: white;\n}\n\n/* Modal animations */\n.modal-enter {\n  opacity: 0;\n  transform: scale(0.9);\n}\n\n.modal-enter-active {\n  opacity: 1;\n  transform: scale(1);\n  transition: all 0.3s ease;\n}\n\n/* Responsive enhancements */\n@media (max-width: 768px) {\n  .scholarship-card {\n    margin-bottom: 1rem;\n  }\n  \n  .filter-section {\n    padding: 1rem;\n  }\n  \n  .stat-card {\n    margin-bottom: 1rem;\n  }\n}\n\n/* Accessibility improvements */\n.focus-visible:focus {\n  outline: 2px solid #3b82f6;\n  outline-offset: 2px;\n}\n\n/* Loading states */\n.loading-shimmer {\n  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);\n  background-size: 200% 100%;\n  animation: shimmer 2s infinite;\n}\n\n@keyframes shimmer {\n  0% {\n    background-position: -200% 0;\n  }\n  100% {\n    background-position: 200% 0;\n  }\n}\n\n/* Enhanced typography */\n.hero-title {\n  background: linear-gradient(135deg, #1e293b 0%, #3b82f6 50%, #8b5cf6 100%);\n  -webkit-background-clip: text;\n  -webkit-text-fill-color: transparent;\n  background-clip: text;\n}\n\n/* Success/Error states */\n.status-success {\n  color: #059669;\n  background-color: #d1fae5;\n}\n\n.status-error {\n  color: #dc2626;\n  background-color: #fee2e2;\n}\n\n.status-warning {\n  color: #d97706;\n  background-color: #fef3c7;\n}\n\n/* Custom checkbox styles */\ninput[type=\"checkbox\"] {\n  appearance: none;\n  width: 18px;\n  height: 18px;\n  border: 2px solid #d1d5db;\n  border-radius: 4px;\n  background: white;\n  cursor: pointer;\n  position: relative;\n}\n\ninput[type=\"checkbox\"]:checked {\n  background: #3b82f6;\n  border-color: #3b82f6;\n}\n\ninput[type=\"checkbox\"]:checked::after {\n  content: '✓';\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  color: white;\n  font-size: 12px;\n  font-weight: bold;\n}\n\n/* Pagination styles */\n.pagination-button {\n  transition: all 0.2s ease;\n}\n\n.pagination-button:hover {\n  transform: translateY(-1px);\n}\n\n.pagination-button.active {\n  background: linear-gradient(135deg, #3b82f6 0%, #8b5cf6 100%);\n  color: white;\n}\n\n/* Search input enhancements */\n.search-input {\n  background: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%);\n  border: 2px solid transparent;\n  background-clip: padding-box;\n}\n\n.search-input:focus {\n  border-color: #3b82f6;\n  box-shadow: 0 0 0 4px rgba(59, 130, 246, 0.1);\n}