:root {
  --background: 210 40% 98%;
  --foreground: 222 47% 11%;
  --primary: 25 95% 53%;
  --primary-foreground: 0 0% 100%;
  --secondary: 174 100% 29%;
  --secondary-foreground: 0 0% 100%;
  --muted: 210 40% 96%;
  --muted-foreground: 215 16% 47%;
  --border: 214 32% 91%;
  --card: 0 0% 100%;
  --radius: 1rem;
}

body {
  background: linear-gradient(135deg, hsl(var(--background)), #fff);
  min-height: 100vh;
  font-family: 'Inter', system-ui, sans-serif;
  color: hsl(var(--foreground));
}

.glass-card {
  background: rgba(255, 255, 255, 0.8);
  backdrop-filter: blur(12px);
  border: 1px solid rgba(255, 255, 255, 0.3);
  box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.07);
}

.india-gradient {
  background: linear-gradient(to right, #FF9933, #FFFFFF, #138808);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

@keyframes slideIn {
  from { opacity: 0; transform: translateY(10px); }
  to { opacity: 1; transform: translateY(0); }
}

.animate-slide-in {
  animation: slideIn 0.4s ease-out forwards;
}