frontend/src/index.css

@import "tailwindcss";

* { box-sizing: border-box; margin: 0; padding: 0; }

body {
  transition: background 0.5s ease;

  color: #F0EFE8;
  font-family: 'Inter', sans-serif;
  min-height: 100vh;
}

.font-mono { font-family: 'JetBrains Mono', monospace; }

@keyframes spin { to { transform: rotate(360deg); } }
@keyframes ping { 75%, 100% { transform: scale(2); opacity: 0; } }
@keyframes pulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.5; } }
@keyframes bounce { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-10px); } }
@keyframes float { 0%, 100% { transform: translateY(0px); } 50% { transform: translateY(-8px); } }
@keyframes rainbow { 
  0% { filter: hue-rotate(0deg); }
  100% { filter: hue-rotate(360deg); }
}