/**
 * Deferred non-critical styles for index2.html
 * Loaded asynchronously after initial render
 * Contains: extra hover effects, decorative elements, print styles
 */

/* Smooth hover shine effect on project cards */
.project-card::after {
  content: "";
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: radial-gradient(circle at var(--mx, 50%) var(--my, 50%), rgba(255, 255, 255, 0.04), transparent 50%);
  opacity: 0;
  transition: opacity 0.5s;
  pointer-events: none;
}

.project-card:hover::after {
  opacity: 1;
}

/* Gradient border animation on skill cards */
@keyframes borderGlow {
  0%, 100% { border-color: rgba(124, 58, 237, 0.12); }
  50% { border-color: rgba(124, 58, 237, 0.4); }
}

.skill-category:hover,
.skill-category:focus-within {
  animation: borderGlow 2s ease-in-out infinite;
}

/* Print styles */
@media print {
  #navbar, .scroll-indicator, #cta, .tech-marquee { display: none !important; }
  #hero { min-height: auto; padding: 2rem; }
  body { color: #000; background: #fff; }
  a { color: #000; text-decoration: underline; }
  .section-title { -webkit-text-fill-color: #000; }
}