/* Styles moved from akita.php */
@keyframes calloutBlink {
  0%, 100% { 
    opacity: 1;
    box-shadow: 0 4px 12px rgba(59, 130, 246, 0.3);
  }
  50% { 
    opacity: 0.7;
    box-shadow: 0 8px 24px rgba(59, 130, 246, 0.5);
  }
}

@keyframes sparkle {
  0%, 100% {
    text-shadow: 
      0 0 5px rgba(255, 255, 255, 0.8),
      0 0 10px rgba(255, 215, 0, 0.6),
      0 0 15px rgba(255, 215, 0, 0.4);
    transform: scale(1);
  }
  50% {
    text-shadow: 
      0 0 10px rgba(255, 255, 255, 1),
      0 0 20px rgba(255, 215, 0, 0.8),
      0 0 30px rgba(255, 215, 0, 0.6),
      0 0 40px rgba(255, 215, 0, 0.4);
    transform: scale(1.05);
  }
}

.callout-blink {
  animation: calloutBlink 2s ease-in-out infinite;
}

.badge-sparkle {
  animation: sparkle 1.5s ease-in-out infinite;
  display: inline-block;
  font-weight: bold;
}

.btn-apply-large {
  display: inline-block;
  font-size: 1.25rem;
  padding: 18px 48px;
  background: linear-gradient(135deg, #2563eb, #1d4ed8);
  color: #ffffff !important;
  text-decoration: none !important;
  border-radius: 12px;
  font-weight: bold;
  box-shadow: 0 6px 20px rgba(37, 99, 235, 0.4);
  transition: all 0.3s ease;
  margin: 20px 0;
  border: none;
}

.btn-apply-large:hover {
  transform: translateY(-3px);
  box-shadow: 0 10px 30px rgba(37, 99, 235, 0.5);
  background: linear-gradient(135deg, #1d4ed8, #1e40af);
  color: #ffffff !important;
}

.btn-apply-large span {
  font-size: 1.4rem;
  margin-right: 8px;
}
.muted-note { margin-top: 6px; font-size: 13px; color: #475569; }
.brand-link { color: var(--brand); text-decoration: underline; }
.muted-note--lead { margin-top: 24px; font-size: 0.95rem; }

@media (max-width: 768px) {
  .callout, .features, .akita-gallery {
    padding: 0 4px;
  }
  
  h2, h3 { padding-left: 8px; }
  p { padding-left: 8px; padding-right: 8px; }
  ul { padding-left: 1.2em; }
}
/* Akita page small inline styles moved here (if any) */
/* Currently placeholder for akita-specific adjustments */