//* Additional custom styles that complement the SCSS theme */

/* Smooth transitions for all interactive elements */
* {
  transition: all 0.2s ease-in-out;
}

/* Enhanced focus styles for accessibility */
a:focus,
button:focus,
.email-button:focus {
  outline: 2px solid #667eea;
  outline-offset: 2px;
}

/* Custom scrollbar for webkit browsers */
::-webkit-scrollbar {
  width: 8px;
}

::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 4px;
}

::-webkit-scrollbar-thumb {
  background: linear-gradient(135deg, #667eea, #764ba2);
  border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(135deg, #5a6fd8, #6a42a0);
}

/* Loading animation for images */
img {
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}

img.loaded,
img:not([src]) {
  opacity: 1;
}

/* Enhanced table responsiveness */
@media (max-width: 768px) {
  .grade-table {
    font-size: 0.9rem;
  }
  
  .grade-table th,
  .grade-table td {
    padding: 0.75rem 0.5rem;
  }
}

/* Print optimizations */
@media print {
  .animate-bounce,
  .animate-fade-in,
  .animate-slide-up {
    animation: none !important;
  }
  
  .hero-section {
    break-inside: avoid;
  }
  
  .timeline-item {
    break-inside: avoid;
    margin-bottom: 1rem;
  }
}* css styles */