/* Hide body until translations are applied to prevent language flash */
body.i18n-loading {
  visibility: hidden;
}

/* Theme variables for Tailwind (values without hsl() - Tailwind adds it) */
:root {
  --background: 222 47% 6%;
  --foreground: 210 40% 98%;
  --card: 222 47% 9%;
  --card-foreground: 210 40% 98%;
  --popover: 222 47% 9%;
  --popover-foreground: 210 40% 98%;
  --primary: 142 71% 45%;
  --primary-foreground: 222 47% 6%;
  --secondary: 217 33% 17%;
  --secondary-foreground: 210 40% 98%;
  --muted: 217 33% 17%;
  --muted-foreground: 215 20% 65%;
  --accent: 45 93% 47%;
  --accent-foreground: 222 47% 6%;
  --destructive: 0 84% 60%;
  --destructive-foreground: 210 40% 98%;
  --border: 217 33% 20%;
  --input: 217 33% 20%;
  --ring: 142 71% 45%;
  --radius: 0.5rem;
  --profit: 142 71% 45%;
  --profit-foreground: 222 47% 6%;
  --gold: 45 93% 47%;
  --gold-foreground: 222 47% 6%;
  --navy: 222 47% 11%;
  --navy-deep: 222 47% 6%;
}

/* Utilities */
.text-gradient-profit {
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  background-image: linear-gradient(to right, hsl(142, 71%, 45%), hsl(45, 93%, 47%));
}

.glow-profit {
  box-shadow: 0 0 20px hsl(142 71% 45% / 0.3), 0 0 60px hsl(142 71% 45% / 0.1);
}

.glow-gold {
  box-shadow: 0 0 20px hsl(45 93% 47% / 0.3), 0 0 60px hsl(45 93% 47% / 0.1);
}

.border-gradient {
  border: 1px solid transparent;
  background-clip: padding-box;
  position: relative;
}

.border-gradient::before {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: inherit;
  padding: 1px;
  background: linear-gradient(135deg, hsl(142 71% 45% / 0.5), hsl(45 93% 47% / 0.3), transparent);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
}

/* Chart line animation (used on index and thank-you) */
@keyframes chart-line {
  0% { stroke-dashoffset: 1000; }
  100% { stroke-dashoffset: 0; }
}

.animate-chart-line {
  animation: chart-line 3s ease-in-out forwards;
}

.container{
  max-width: 1400px !important;
}
.text-muted-foreground {
  color: hsl(215, 20%, 65%) !important;
}
.iti.iti--allow-dropdown{
  width: 100% !important;
  color: hsl(215, 20%, 65%) !important;
}