/* Paisa — base styles.
 * Poppins is loaded from Google Fonts in index.html; the stack falls back to
 * the system sans-serif when offline. Component styling is inline in the
 * template (matching the design prototype). */

body { margin: 0; background: #1c1f24; font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; }
a { color: #8fbcf7; }
a:hover { color: #b3d2fa; }
::placeholder { color: #6b7482; }

@keyframes pfmSpin  { to { transform: rotate(360deg); } }
@keyframes pfmUp    { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: none; } }
@keyframes pfmPulse { 0%, 100% { opacity: .5; } 50% { opacity: 1; } }
@keyframes pfmRing  { 0% { transform: scale(.6); opacity: .8; } 100% { transform: scale(1.5); opacity: 0; } }

/* Loading state shown before Vue mounts */
#app-loading {
  position: fixed; inset: 0; display: flex; align-items: center; justify-content: center;
  color: #6b7482; font: 500 14px 'Poppins', sans-serif; background: #1c1f24;
}