/*
Theme Name: TradeWithNiraj Forex - FULL Website
Theme URI: https://tradewithniraj.com
Author: Niraj Luitel
Description: FULL forex-only website - 6 pairs, live ticker, performance, strategy, pairs grid, education, testimonials, FAQ, CTA, institutional desk. Converted from React.
Version: 2.0.0 FULL
Text Domain: tradewithniraj-forex-full
Tags: forex, trading, education, dark, mt5, myfxbook
*/

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Sora:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500;700&display=swap');





:root {
  --obsidian: #06080F;
  --card: #0F131E;
  --card-2: #141A2A;
  --border: #1E293B;
  --border-light: #2A3650;
  --electric: #3B82F6;
  --cyan: #06B6D4;
  --gold: #F59E0B;
  --gold-dim: rgba(245,158,11,0.15);
  --text: #F1F5F9;
  --text-dim: #94A3B8;
  --text-faint: #475569;
}

* { font-family: 'Inter', system-ui, -apple-system, sans-serif; }
h1,h2,h3,.sora { font-family: 'Sora', sans-serif; }
.mono { font-family: 'JetBrains Mono', monospace; }

html { scroll-behavior: smooth; }
body { background: var(--obsidian); color: var(--text); overflow-x: clip; }

::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-thumb { background: #1E293B; border-radius: 999px; }
::-webkit-scrollbar-track { background: transparent; }

.glass {
  background: linear-gradient(180deg, rgba(15,19,30,0.9) 0%, rgba(15,19,30,0.7) 100%);
  backdrop-filter: blur(24px);
  border: 1px solid var(--border);
}
.glass-hover:hover {
  border-color: rgba(59,130,246,0.4);
  box-shadow: 0 0 0 1px rgba(59,130,246,0.15), 0 0 40px rgba(59,130,246,0.12), 0 20px 60px rgba(0,0,0,0.5);
}

.glow-blue { box-shadow: 0 0 60px rgba(59,130,246,0.18); }
.glow-gold { box-shadow: 0 0 40px rgba(245,158,11,0.15); }

.text-gradient {
  background: linear-gradient(102deg, #60A5FA 0%, #3B82F6 20%, #06B6D4 60%, #F59E0B 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.text-gradient-gold {
  background: linear-gradient(102deg, #FBBF24 0%, #F59E0B 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

.orb {
  position: absolute;
  border-radius: 50%;
  filter: blur(90px);
  pointer-events: none;
}

@keyframes ticker {
  0% { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}
.ticker-track { animation: ticker 45s linear infinite; }
.ticker-track:hover { animation-play-state: paused; }

@keyframes float {
  0%,100% { transform: translateY(0) }
  50% { transform: translateY(-12px) }
}

@keyframes dash {
  to { stroke-dashoffset: 0; }
}