/* 
 * Fit Check Page Styles
 * 
 * Brand-specific styles only. Bootstrap handles most layout and components.
 * Use Bootstrap utilities wherever possible.
 */

/* Fit check cards - Brand-specific backdrop blur */
.fit-check-video-card,
.fit-check-audio-card {
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
  border-radius: 18px;
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.35);
  backdrop-filter: blur(12px);
}

/* Mic pulse - Brand-specific animation */
.mic-pulse {
  width: 90px;
  height: 90px;
  border-radius: 50%;
  background: rgba(255, 105, 180, 0.2);
  border: 2px solid rgba(255, 105, 180, 0.4);
  box-shadow: 0 0 12px rgba(255, 105, 180, 0.45);
  transition: transform 0.1s ease, box-shadow 0.1s ease;
  flex-shrink: 0;
}

/* Responsive */
@media (max-width: 768px) {
  .fit-check-page {
    padding: 1rem;
  }
}