body {
    font-family: 'Inter', 'Mukta', sans-serif;
  }
  .tricolor-stripe {
    background: linear-gradient(90deg, #f97316 0%, #fb923c 33%, #ffffff 50%, #22c55e 66%, #16a34a 100%);
  }
  .transition-smooth {
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  }
  .tap-target-44 {
    min-height: 44px;
  }
  .hide-scrollbar::-webkit-scrollbar { display: none; }
  .hide-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }
  .step-panel { display: none; }
  .step-panel.active { display: block; animation: fadeIn 0.2s ease-out forwards; }
  @keyframes fadeIn {
    from { opacity: 0; transform: translateY(4px); }
    to { opacity: 1; transform: translateY(0); }
  }
  .spinner {
    border: 3px solid rgba(255, 255, 255, 0.3);
    border-radius: 50%;
    border-top: 3px solid #ffffff;
    width: 20px;
    height: 20px;
    animation: spin 0.8s linear infinite;
  }
  @keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
  }