/* ==========================================================================
   AXIONOVA NETWORK - NEXT-GEN WEB3 GLASSMORPHISM DESIGN SYSTEM
   ========================================================================== */

@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@500;600;700;800;900&family=Rajdhani:wght@500;600;700&family=Space+Grotesk:wght@400;500;600;700&family=Inter:wght@300;400;500;600;700&display=swap');

:root {
  /* Core Cosmic Color Palette */
  --axio-void: #020712;
  --axio-abyss: #040d1f;
  --axio-deep-navy: #071733;
  --axio-cosmic-blue: #0b224d;
  
  /* Vibrant Web3 Neon Accents */
  --axio-neon-cyan: #00f0ff;
  --axio-cyan-glow: rgba(0, 240, 255, 0.45);
  --axio-electric-blue: #0088ff;
  --axio-nova-purple: #8b5cf6;
  --axio-purple-glow: rgba(139, 92, 246, 0.35);
  --axio-cyber-emerald: #10b981;
  --axio-emerald-glow: rgba(16, 185, 129, 0.4);
  
  /* Glass Surface Tokens */
  --axio-glass-base: rgba(7, 23, 51, 0.65);
  --axio-glass-surface: linear-gradient(135deg, rgba(255, 255, 255, 0.08) 0%, rgba(255, 255, 255, 0.02) 60%, rgba(0, 240, 255, 0.04) 100%), rgba(5, 18, 42, 0.72);
  --axio-glass-surface-elevated: linear-gradient(135deg, rgba(255, 255, 255, 0.12) 0%, rgba(255, 255, 255, 0.03) 60%, rgba(0, 240, 255, 0.08) 100%), rgba(7, 25, 58, 0.85);
  --axio-glass-soft: rgba(10, 31, 68, 0.55);
  --axio-glass-border: rgba(0, 240, 255, 0.18);
  --axio-glass-border-hover: rgba(0, 240, 255, 0.55);
  --axio-glass-border-subtle: rgba(255, 255, 255, 0.12);
  --axio-glass-shadow: 0 20px 50px rgba(0, 4, 15, 0.6), 0 0 1px rgba(0, 240, 255, 0.25);
  --axio-glass-shadow-hover: 0 25px 60px rgba(0, 240, 255, 0.2), 0 0 30px rgba(0, 240, 255, 0.25);
  --axio-glass-blur: blur(20px) saturate(180%);
  
  /* Typography */
  --axio-font-display: 'Orbitron', 'Rajdhani', sans-serif;
  --axio-font-heading: 'Rajdhani', sans-serif;
  --axio-font-body: 'Space Grotesk', 'Inter', -apple-system, sans-serif;
  --axio-font-mono: 'Space Grotesk', monospace;
}

/* --------------------------------------------------------------------------
   GLOBAL SMOOTHING & SELECTION
   -------------------------------------------------------------------------- */
::selection {
  background: var(--axio-neon-cyan);
  color: var(--axio-void);
}

body, .axio-home {
  font-family: var(--axio-font-body);
  background-color: var(--axio-void);
  color: #e2e8f0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* --------------------------------------------------------------------------
   SITEWIDE HEADER / NAVBAR GLASS OVERHAUL
   -------------------------------------------------------------------------- */
.elementor-location-header {
  background: rgba(4, 13, 31, 0.75) !important;
  backdrop-filter: blur(20px) saturate(170%) !important;
  -webkit-backdrop-filter: blur(20px) saturate(170%) !important;
  border-bottom: 1px solid rgba(0, 240, 255, 0.15) !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4) !important;
  transition: all 0.3s ease;
}

.elementor-nav-menu .elementor-item {
  font-family: var(--axio-font-heading) !important;
  font-size: 0.82rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.04em !important;
  text-transform: none !important;
  color: #cbd5e1 !important;
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
  position: relative;
  padding: 6px 10px !important;
  border-radius: 8px;
}

/* Header Navigation - Reduced font size and refined padding */
.elementor-location-header .elementor-nav-menu .elementor-item,
.elementor-10 .elementor-element.elementor-element-99bb64b .elementor-nav-menu--main .elementor-item {
  font-size: 0.8rem !important;
  padding: 6px 9px !important;
  letter-spacing: 0.04em !important;
  font-weight: 600 !important;
}

.elementor-location-header .sub-menu .elementor-item {
  font-size: 0.78rem !important;
  padding: 7px 14px !important;
}

/* Footer Navigation - Reduced distance between items */
.elementor-location-footer .elementor-nav-menu .elementor-item,
#menu-1-9ad300d .elementor-item,
#menu-1-6953e76 .elementor-item {
  font-size: 0.76rem !important;
  padding: 5px 6px !important;
  letter-spacing: 0.03em !important;
  margin-inline: 0 !important;
}

#menu-1-9ad300d li:not(:first-child) > a,
#menu-1-6953e76 li:not(:first-child) > a {
  margin-inline-start: 3px !important;
}

#menu-1-9ad300d li:not(:last-child) > a,
#menu-1-6953e76 li:not(:last-child) > a {
  margin-inline-end: 3px !important;
}

#menu-1-9ad300d,
#menu-1-6953e76 {
  gap: 2px !important;
}

.elementor-nav-menu .elementor-item:hover,
.elementor-nav-menu .elementor-item.elementor-item-active {
  color: var(--axio-neon-cyan) !important;
  background: rgba(0, 240, 255, 0.08) !important;
  text-shadow: 0 0 12px var(--axio-cyan-glow);
}

/* --------------------------------------------------------------------------
   TYPOGRAPHY & HEADINGS
   -------------------------------------------------------------------------- */
.axio-home h1, 
.axio-home h2, 
.axio-home-title {
  font-family: var(--axio-font-display) !important;
  letter-spacing: -0.02em !important;
  font-weight: 700 !important;
}

.axio-home h3, 
.axio-home-card-title, 
.axio-section-kicker, 
.axio-home-kicker {
  font-family: var(--axio-font-heading) !important;
  letter-spacing: 0.05em !important;
  text-transform: none !important;
}

.axio-home-nova-text {
  background: linear-gradient(135deg, #00f0ff 0%, #38bdf8 40%, #a855f7 85%, #ec4899 100%) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  text-shadow: 0 0 35px rgba(0, 240, 255, 0.35);
  display: inline-block;
  animation: glowShift 6s ease-in-out infinite alternate;
}

@keyframes glowShift {
  0% { filter: drop-shadow(0 0 15px rgba(0, 240, 255, 0.3)); }
  100% { filter: drop-shadow(0 0 25px rgba(168, 85, 247, 0.45)); }
}

/* --------------------------------------------------------------------------
   HERO SECTION & AMBIENT NEBULA
   -------------------------------------------------------------------------- */
.axio-home-hero {
  position: relative;
  overflow: hidden;
  padding-top: 50px !important;
}

.axio-home-hero::before {
  content: '';
  position: absolute;
  top: -150px;
  left: 10%;
  width: 500px;
  height: 500px;
  background: radial-gradient(circle, rgba(0, 240, 255, 0.15) 0%, transparent 70%);
  filter: blur(80px);
  pointer-events: none;
  z-index: 0;
  animation: floatOrb 12s ease-in-out infinite alternate;
}

.axio-home-hero::after {
  content: '';
  position: absolute;
  top: 100px;
  right: 5%;
  width: 600px;
  height: 600px;
  background: radial-gradient(circle, rgba(139, 92, 246, 0.14) 0%, transparent 70%);
  filter: blur(90px);
  pointer-events: none;
  z-index: 0;
  animation: floatOrb 16s ease-in-out infinite alternate-reverse;
}

@keyframes floatOrb {
  0% { transform: translate(0, 0) scale(1); }
  50% { transform: translate(40px, 30px) scale(1.1); }
  100% { transform: translate(-30px, 50px) scale(0.95); }
}

.axio-home-eyebrow {
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 8px 18px !important;
  background: rgba(0, 240, 255, 0.08) !important;
  border: 1px solid rgba(0, 240, 255, 0.3) !important;
  border-radius: 100px !important;
  color: var(--axio-neon-cyan) !important;
  font-family: var(--axio-font-heading) !important;
  font-size: 0.95rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.08em !important;
  text-transform: none !important;
  box-shadow: 0 0 20px rgba(0, 240, 255, 0.15) !important;
  backdrop-filter: blur(10px) !important;
}

.axio-home-pulse {
  width: 9px !important;
  height: 9px !important;
  background-color: var(--axio-cyber-emerald) !important;
  border-radius: 50% !important;
  box-shadow: 0 0 12px var(--axio-cyber-emerald) !important;
  animation: beaconPulse 1.8s infinite !important;
}

@keyframes beaconPulse {
  0% { transform: scale(0.9); box-shadow: 0 0 0 0 rgba(16, 185, 129, 0.7); }
  70% { transform: scale(1.1); box-shadow: 0 0 0 8px rgba(16, 185, 129, 0); }
  100% { transform: scale(0.9); box-shadow: 0 0 0 0 rgba(16, 185, 129, 0); }
}

/* --------------------------------------------------------------------------
   PRESALE DASHBOARD WIDGET (EXACT SCREENSHOT LAYOUT & MODERN TYPOGRAPHY)
   -------------------------------------------------------------------------- */
.axio-home-presale-widget {
  position: relative !important;
  z-index: 2 !important;
}

.axio-presale-card {
  position: relative !important;
  overflow: hidden !important;
  border: 1px solid rgba(8, 123, 255, 0.28) !important;
  border-radius: 28px !important;
  padding: 30px 24px !important;
  background:
    radial-gradient(circle at 100% 0%, rgba(8, 123, 255, 0.12) 0%, transparent 50%),
    radial-gradient(circle at 0% 100%, rgba(0, 212, 255, 0.06) 0%, transparent 40%),
    linear-gradient(165deg, #091730 0%, #030a17 100%) !important;
  box-shadow:
    0 24px 80px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
  backdrop-filter: blur(24px) !important;
  max-width: 480px !important;
  margin-left: auto !important;
}

/* Price Box - Top Header Container */
.axio-presale-prices {
  display: grid !important;
  grid-template-columns: 1fr auto 1fr !important;
  gap: 16px !important;
  align-items: center !important;
  background: rgba(3, 11, 28, 0.75) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 18px !important;
  padding: 16px 20px !important;
  margin-bottom: 22px !important;
}

.axio-presale-price-box {
  text-align: center !important;
}

.axio-presale-price-box span {
  font-family: var(--axio-font-body) !important;
  font-size: 0.85rem !important;
  color: #8ba2c4 !important;
  font-weight: 500 !important;
  display: block !important;
  margin-bottom: 5px !important;
  text-transform: none !important;
  letter-spacing: normal !important;
}

.axio-presale-price-box strong {
  font-family: var(--axio-font-display) !important;
  font-size: 1.55rem !important;
  font-weight: 700 !important;
  color: #ffffff !important;
  letter-spacing: -0.01em !important;
  display: block !important;
}

.axio-presale-price-divider {
  width: 1px !important;
  height: 38px !important;
  background: rgba(255, 255, 255, 0.12) !important;
}

.axio-presale-next strong {
  color: #6482a6 !important;
  text-shadow: none !important;
}

/* Raised Section */
.axio-presale-raised-section {
  margin-bottom: 22px !important;
}

.axio-presale-raised-header {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  margin-bottom: 12px !important;
}

.axio-presale-raised-left {
  display: flex !important;
  align-items: baseline !important;
  gap: 8px !important;
}

.axio-presale-raised-icon {
  color: #10b981 !important;
  font-size: 1.35rem !important;
  font-weight: 700 !important;
  line-height: 1 !important;
}

.axio-presale-raised-amount {
  font-family: var(--axio-font-display) !important;
  font-size: 1.65rem !important;
  font-weight: 700 !important;
  color: #ffffff !important;
  letter-spacing: -0.01em !important;
}

.axio-presale-raised-label {
  font-family: var(--axio-font-heading) !important;
  font-size: 0.82rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.08em !important;
  color: #8ba2c4 !important;
  text-transform: none !important;
}

.axio-presale-live-badge {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  padding: 4px 14px !important;
  border-radius: 999px !important;
  background: rgba(16, 185, 129, 0.12) !important;
  border: 1px solid rgba(16, 185, 129, 0.3) !important;
  color: #10b981 !important;
  font-size: 0.82rem !important;
  font-weight: 600 !important;
}

.axio-presale-live-dot {
  width: 7px !important;
  height: 7px !important;
  border-radius: 50% !important;
  background: #10b981 !important;
  box-shadow: 0 0 8px #10b981 !important;
  animation: beaconPulse 1.8s infinite !important;
}

.axio-presale-target-row {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  margin-bottom: 8px !important;
  font-size: 0.92rem !important;
}

.axio-presale-target-row span {
  color: #8ba2c4 !important;
  font-weight: 500 !important;
}

.axio-presale-target-row strong {
  font-family: var(--axio-font-display) !important;
  font-size: 0.98rem !important;
  font-weight: 700 !important;
  color: #ffffff !important;
}

.axio-presale-progress-bar {
  position: relative !important;
  height: 7px !important;
  background: rgba(255, 255, 255, 0.08) !important;
  border-radius: 999px !important;
  overflow: hidden !important;
}

.axio-presale-progress-fill {
  height: 100% !important;
  background: linear-gradient(90deg, #0088ff 0%, #00f0ff 100%) !important;
  border-radius: 999px !important;
  box-shadow: 0 0 10px rgba(0, 240, 255, 0.5) !important;
  transition: width 1s ease-in-out !important;
}

/* Quick Buy Form */
.axio-presale-quick-form {
  margin-bottom: 16px !important;
}

.axio-presale-input-row {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 12px !important;
  margin-bottom: 14px !important;
}

.axio-presale-input-group label {
  display: block !important;
  font-family: var(--axio-font-heading) !important;
  font-size: 0.74rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.08em !important;
  text-transform: none !important;
  color: #8ba2c4 !important;
  margin-bottom: 8px !important;
}

.axio-presale-input-wrap {
  display: flex !important;
  align-items: center !important;
  background: rgba(2, 9, 24, 0.75) !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  border-radius: 12px !important;
  padding: 12px 14px !important;
  transition: all 0.25s ease !important;
}

.axio-presale-input-wrap:focus-within {
  border-color: rgba(0, 240, 255, 0.5) !important;
  box-shadow: 0 0 20px rgba(0, 240, 255, 0.2) !important;
}

.axio-presale-input-prefix {
  font-family: var(--axio-font-body) !important;
  font-weight: 600 !important;
  color: #6482a6 !important;
  font-size: 1rem !important;
  margin-right: 8px !important;
}

.axio-presale-input-wrap input {
  background: transparent !important;
  border: none !important;
  outline: none !important;
  color: #ffffff !important;
  font-family: var(--axio-font-display) !important;
  font-size: 1.35rem !important;
  font-weight: 700 !important;
  width: 100% !important;
}

.axio-presale-receive-wrap {
  justify-content: space-between !important;
}

.axio-presale-receive-wrap strong {
  font-family: var(--axio-font-display) !important;
  font-size: 1.35rem !important;
  color: #ffffff !important;
  font-weight: 700 !important;
}

.axio-presale-receive-token-combo {
  display: flex !important;
  align-items: center !important;
  gap: 7px !important;
}

.axio-token-icon-inline {
  width: 20px !important;
  height: 20px !important;
  border-radius: 50% !important;
  object-fit: contain !important;
}

.axio-presale-receive-token {
  font-family: var(--axio-font-heading) !important;
  font-size: 0.95rem !important;
  font-weight: 700 !important;
  color: #ffffff !important;
  letter-spacing: 0.04em !important;
  background: transparent !important;
  padding: 0 !important;
}

/* Worth at Launch */
.axio-presale-launch-group {
  margin-bottom: 18px !important;
}

.axio-presale-launch-group label {
  display: block !important;
  font-family: var(--axio-font-heading) !important;
  font-size: 0.74rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.08em !important;
  text-transform: none !important;
  color: #10b981 !important;
  margin-bottom: 8px !important;
}

.axio-presale-launch-value {
  background: rgba(16, 185, 129, 0.05) !important;
  border: 1px solid rgba(16, 185, 129, 0.35) !important;
  border-radius: 12px !important;
  padding: 14px 18px !important;
  display: flex !important;
  align-items: center !important;
}

.axio-presale-launch-value strong {
  font-family: var(--axio-font-display) !important;
  font-size: 1.45rem !important;
  color: #10b981 !important;
  font-weight: 700 !important;
  letter-spacing: -0.01em !important;
  text-shadow: 0 0 16px rgba(16, 185, 129, 0.4) !important;
}

/* Connect & Buy Action Buttons */
.axio-presale-connect-btn,
.axio-presale-buy-btn {
  width: 100% !important;
  display: flex;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  padding: 15px 24px !important;
  border-radius: 12px !important;
  background: linear-gradient(135deg, #0088ff 0%, #00d0ff 100%) !important;
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
  color: #ffffff !important;
  font-family: var(--axio-font-body) !important;
  font-size: 1.05rem !important;
  font-weight: 700 !important;
  cursor: pointer !important;
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
  box-shadow: 0 8px 24px rgba(0, 140, 255, 0.35) !important;
  text-transform: none !important;
  letter-spacing: normal !important;
  outline: none !important;
  box-sizing: border-box !important;
}

.axio-presale-buy-btn {
  background: linear-gradient(135deg, #00d0ff 0%, #0088ff 100%) !important;
}

/* Ensure hidden state is always strictly respected */
.axio-presale-buy-btn[style*="display: none"],
.axio-presale-connect-btn[style*="display: none"],
#heroBuyBtn[style*="display: none"],
#heroConnectBtn[style*="display: none"],
#heroBuyBtn.is-hidden,
#heroConnectBtn.is-hidden {
  display: none !important;
}

.axio-presale-connect-btn:hover,
.axio-presale-buy-btn:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 12px 32px rgba(0, 140, 255, 0.55), 0 0 20px rgba(0, 208, 255, 0.35) !important;
  background: linear-gradient(135deg, #0099ff 0%, #30dcff 100%) !important;
}

.axio-presale-connect-btn:active,
.axio-presale-buy-btn:active {
  transform: translateY(0) !important;
  box-shadow: 0 6px 18px rgba(0, 140, 255, 0.4) !important;
}

.axio-presale-connect-btn svg,
.axio-presale-buy-btn svg {
  transition: transform 0.2s ease !important;
}

.axio-presale-connect-btn:hover svg,
.axio-presale-buy-btn:hover svg {
  transform: translate(2px, -2px) !important;
}

/* Status Indicator */
.axio-presale-status {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin-top: 14px !important;
  font-family: var(--axio-font-body) !important;
  font-size: 0.82rem !important;
  color: #6482a6 !important;
}

.axio-presale-status-dot {
  width: 6px !important;
  height: 6px !important;
  border-radius: 50% !important;
  background: #ef4444 !important;
}

.axio-presale-status-dot.connected {
  background: #10b981 !important;
  box-shadow: 0 0 8px #10b981 !important;
}

/* --------------------------------------------------------------------------
   STAKING SECTION & TERMINAL OVERHAUL
   -------------------------------------------------------------------------- */
.axio-staking-card {
  position: relative !important;
  background: var(--axio-glass-surface-elevated) !important;
  border: 1px solid var(--axio-glass-border) !important;
  border-radius: 32px !important;
  padding: 45px !important;
  box-shadow: var(--axio-glass-shadow), 0 0 50px rgba(0, 240, 255, 0.06) !important;
  backdrop-filter: blur(24px) saturate(180%) !important;
  -webkit-backdrop-filter: blur(24px) saturate(180%) !important;
  overflow: hidden !important;
  transition: all 0.3s ease !important;
}

.axio-staking-glow {
  position: absolute !important;
  top: -100px !important;
  right: -100px !important;
  width: 350px !important;
  height: 350px !important;
  background: radial-gradient(circle, rgba(0, 240, 255, 0.15) 0%, transparent 70%) !important;
  filter: blur(50px) !important;
  pointer-events: none !important;
}

.axio-staking-features {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 16px !important;
  margin: 30px 0 !important;
}

.axio-staking-features div {
  background: rgba(4, 15, 36, 0.6) !important;
  border: 1px solid rgba(0, 240, 255, 0.15) !important;
  border-radius: 18px !important;
  padding: 18px !important;
  text-align: center !important;
  transition: all 0.3s ease !important;
}

.axio-staking-features div:hover {
  border-color: var(--axio-neon-cyan) !important;
  box-shadow: 0 0 25px rgba(0, 240, 255, 0.18) !important;
  transform: translateY(-2px) !important;
}

.axio-staking-features strong {
  display: block !important;
  font-family: var(--axio-font-display) !important;
  font-size: 1.6rem !important;
  color: var(--axio-neon-cyan) !important;
  font-weight: 800 !important;
  margin-bottom: 4px !important;
  text-shadow: 0 0 15px var(--axio-cyan-glow);
}

.axio-staking-features span {
  font-size: 0.8rem !important;
  color: #94a3b8 !important;
  text-transform: none !important;
  letter-spacing: 0.06em !important;
}

/* Staking Terminal Box */
.axio-staking-terminal {
  background: rgba(2, 8, 20, 0.85) !important;
  border: 1px solid rgba(0, 240, 255, 0.22) !important;
  border-radius: 22px !important;
  padding: 24px !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 15px 40px rgba(0, 0, 0, 0.6) !important;
}

.axio-terminal-top {
  display: flex !important;
  gap: 8px !important;
  margin-bottom: 20px !important;
  padding-bottom: 12px !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
}

.axio-terminal-top span:nth-child(1) { width: 10px; height: 10px; border-radius: 50%; background: #ff5f56; }
.axio-terminal-top span:nth-child(2) { width: 10px; height: 10px; border-radius: 50%; background: #ffbd2e; }
.axio-terminal-top span:nth-child(3) { width: 10px; height: 10px; border-radius: 50%; background: #27c93f; }

.axio-terminal-line {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  padding: 10px 0 !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important;
}

.axio-terminal-line span {
  font-size: 0.85rem !important;
  color: #64748b !important;
  font-family: var(--axio-font-mono) !important;
}

.axio-terminal-line strong {
  font-family: var(--axio-font-mono) !important;
  font-size: 0.95rem !important;
  color: #f8fafc !important;
}

.axio-terminal-line strong[id=homeStakingApyTerminal] {
  color: var(--axio-neon-cyan) !important;
  text-shadow: 0 0 12px var(--axio-cyan-glow);
}

/* --------------------------------------------------------------------------
   METRIC & BENEFIT CARDS (GLASS UPGRADE)
   -------------------------------------------------------------------------- */
.axio-metric-card,
.axio-home-card,
.axio-benefit-card,
.axio-home-panel,
.axio-info-card,
.axio-allocation-card {
  background: var(--axio-glass-surface) !important;
  border: 1px solid var(--axio-glass-border-subtle) !important;
  border-radius: 24px !important;
  padding: 30px !important;
  box-shadow: var(--axio-glass-shadow) !important;
  backdrop-filter: var(--axio-glass-blur) !important;
  -webkit-backdrop-filter: var(--axio-glass-blur) !important;
  transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.axio-metric-card:hover,
.axio-home-card:hover,
.axio-benefit-card:hover,
.axio-home-panel:hover,
.axio-info-card:hover {
  border-color: var(--axio-glass-border-hover) !important;
  box-shadow: var(--axio-glass-shadow-hover) !important;
  transform: translateY(-5px) !important;
}

.axio-metric-card strong {
  font-family: var(--axio-font-display) !important;
  font-size: 2.2rem !important;
  font-weight: 800 !important;
  color: #ffffff !important;
  letter-spacing: -0.02em !important;
  display: block !important;
  margin: 8px 0 12px 0 !important;
  background: linear-gradient(135deg, #ffffff 0%, #a5f3fc 100%) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}

.axio-metric-card span {
  font-family: var(--axio-font-heading) !important;
  font-size: 0.9rem !important;
  font-weight: 700 !important;
  text-transform: none !important;
  letter-spacing: 0.08em !important;
  color: var(--axio-neon-cyan) !important;
}

/* --------------------------------------------------------------------------
   FOOTER GLASSMORPHISM
   -------------------------------------------------------------------------- */
.site-footer,
[data-elementor-type=footer] {
  background: rgba(2, 6, 18, 0.85) !important;
  border-top: 1px solid rgba(0, 240, 255, 0.15) !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
}

/* --------------------------------------------------------------------------
   RESPONSIVE DESIGN ADJUSTMENTS
   -------------------------------------------------------------------------- */
@media (max-width: 991px) {
  .axio-home-hero-grid {
    grid-template-columns: 1fr !important;
    gap: 40px !important;
  }
  
  .axio-presale-card {
    padding: 24px !important;
  }
  
  .axio-staking-features {
    grid-template-columns: 1fr !important;
  }
}


/* --------------------------------------------------------------------------
   INTERACTIVE WIDGET ENHANCEMENTS
   -------------------------------------------------------------------------- */
.axio-terminal-lock-selector {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 8px;
  margin: 18px 0;
  padding: 12px;
  background: rgba(5, 18, 42, 0.6);
  border-radius: 14px;
  border: 1px solid rgba(0, 240, 255, 0.15);
}

.axio-lock-pill {
  padding: 8px 10px;
  text-align: center;
  font-family: var(--axio-font-mono);
  font-size: 0.78rem;
  color: #94a3b8;
  background: rgba(3, 10, 26, 0.7);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.2s ease;
}

.axio-lock-pill.is-active,
.axio-lock-pill:hover {
  background: rgba(0, 240, 255, 0.15);
  border-color: var(--axio-neon-cyan);
  color: var(--axio-neon-cyan);
  box-shadow: 0 0 12px rgba(0, 240, 255, 0.25);
  font-weight: 700;
}

.axio-terminal-action {
  margin-top: 16px;
}

.axio-terminal-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 12px 18px;
  border-radius: 12px;
  background: linear-gradient(135deg, rgba(0, 240, 255, 0.15) 0%, rgba(139, 92, 246, 0.15) 100%);
  border: 1px solid rgba(0, 240, 255, 0.3);
  color: #ffffff;
  font-family: var(--axio-font-heading);
  font-size: 0.95rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  transition: all 0.3s ease;
  text-decoration: none;
}

.axio-terminal-btn:hover {
  background: linear-gradient(135deg, rgba(0, 240, 255, 0.3) 0%, rgba(139, 92, 246, 0.3) 100%);
  border-color: var(--axio-neon-cyan);
  color: var(--axio-neon-cyan);
  box-shadow: 0 0 20px rgba(0, 240, 255, 0.3);
  transform: translateY(-2px);
}

/* --------------------------------------------------------------------------
   DEDICATED PRESALE & STAKING PAGE GLASSMORPHISM (.axnv-*)
   -------------------------------------------------------------------------- */
.axnv-presale-dashboard-card,
.axnv-presale-card,
.axnv-presale-panel,
.axnv-presale-stat-card,
.axnv-presale-tier-card,
.axnv-staking-card,
.axnv-staking-pool,
.axnv-staking-pool-card,
.axnv-staking-stat,
.axnv-staking-panel,
.axnv-tokenomics-card {
  background: var(--axio-glass-surface-elevated) !important;
  border: 1px solid var(--axio-glass-border) !important;
  border-radius: 26px !important;
  box-shadow: var(--axio-glass-shadow) !important;
  backdrop-filter: blur(24px) saturate(180%) !important;
  -webkit-backdrop-filter: blur(24px) saturate(180%) !important;
  transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.axnv-presale-stat-card:hover,
.axnv-presale-tier-card:hover,
.axnv-staking-pool:hover,
.axnv-staking-pool-card:hover {
  border-color: var(--axio-glass-border-hover) !important;
  box-shadow: var(--axio-glass-shadow-hover) !important;
  transform: translateY(-4px) !important;
}

.axnv-presale-page h1,
.axnv-staking-page h1,
.axnv-tokenomics-page h1 {
  font-family: var(--axio-font-display) !important;
  letter-spacing: -0.02em !important;
}

/* --------------------------------------------------------------------------
   ABOUT AXIONOVA PAGE TYPOGRAPHY & GLASS REVAMP (.axnv-about-*)
   -------------------------------------------------------------------------- */
.axnv-about-page {
  font-family: var(--axio-font-body) !important;
  color: #e2e8f0 !important;
  -webkit-font-smoothing: antialiased !important;
}

.axnv-about-hero-copy h1,
.axnv-about-section-heading h2,
.axnv-about-final h2 {
  font-family: var(--axio-font-display) !important;
  font-weight: 700 !important;
  letter-spacing: -0.02em !important;
  color: #ffffff !important;
}

.axnv-about-hero-copy h1 {
  background: linear-gradient(135deg, #ffffff 0%, #a5f3fc 50%, #38bdf8 100%) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  text-shadow: 0 0 35px rgba(0, 240, 255, 0.25) !important;
}

.axnv-about-kicker {
  font-family: var(--axio-font-heading) !important;
  font-size: 0.95rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.1em !important;
  text-transform: none !important;
  color: var(--axio-neon-cyan) !important;
}

.axnv-about-pillar h3 {
  font-family: var(--axio-font-heading) !important;
  font-size: 1.35rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.04em !important;
  color: #ffffff !important;
  text-transform: none !important;
}

.axnv-about-pillar p,
.axnv-about-hero-copy p,
.axnv-about-section p {
  font-family: var(--axio-font-body) !important;
  font-size: 1.05rem !important;
  line-height: 1.7 !important;
  color: #94a3b8 !important;
}

.axnv-about-stat-label {
  font-family: var(--axio-font-heading) !important;
  font-size: 0.85rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.08em !important;
  text-transform: none !important;
  color: var(--axio-neon-cyan) !important;
}

.axnv-about-stat-value {
  font-family: var(--axio-font-mono) !important;
  font-size: 1.15rem !important;
  font-weight: 700 !important;
  color: #f8fafc !important;
}

.axnv-about-contract-row code {
  font-family: var(--axio-font-mono) !important;
  font-size: 1.05rem !important;
  color: var(--axio-neon-cyan) !important;
}

/* Glassmorphism Cards for About page */
.axnv-about-stat,
.axnv-about-pillar,
.axnv-about-verify-card {
  background: var(--axio-glass-surface-elevated) !important;
  border: 1px solid var(--axio-glass-border) !important;
  border-radius: 24px !important;
  box-shadow: var(--axio-glass-shadow) !important;
  backdrop-filter: blur(24px) saturate(180%) !important;
  -webkit-backdrop-filter: blur(24px) saturate(180%) !important;
  transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.axnv-about-stat:hover,
.axnv-about-pillar:hover,
.axnv-about-verify-card:hover {
  border-color: var(--axio-glass-border-hover) !important;
  box-shadow: var(--axio-glass-shadow-hover) !important;
  transform: translateY(-4px) !important;
}

.axnv-about-pillar-icon {
  color: var(--axio-neon-cyan) !important;
  filter: drop-shadow(0 0 10px var(--axio-cyan-glow)) !important;
}

/* --------------------------------------------------------------------------
   MARKETING COLLABORATION PAGE TYPOGRAPHY & GLASS REVAMP (.axnv-marketing-*)
   -------------------------------------------------------------------------- */
.axnv-marketing-page {
  font-family: var(--axio-font-body) !important;
  color: #e2e8f0 !important;
  -webkit-font-smoothing: antialiased !important;
}

.axnv-marketing-hero-content h1,
.axnv-marketing-section-header h2,
.axnv-marketing-section h2,
.axnv-marketing-final-card h2,
.axnv-marketing-contact-card h2 {
  font-family: var(--axio-font-display) !important;
  font-weight: 700 !important;
  letter-spacing: -0.02em !important;
  color: #ffffff !important;
}

.axnv-marketing-hero-content h1 {
  font-size: clamp(2.8rem, 5.5vw, 4.4rem) !important;
}

.axnv-marketing-badge,
.axnv-marketing-kicker,
.axnv-marketing-breadcrumb {
  font-family: var(--axio-font-heading) !important;
  font-size: 0.95rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.1em !important;
  text-transform: none !important;
  color: var(--axio-neon-cyan) !important;
}

.axnv-marketing-payment-card h3,
.axnv-marketing-notice-card h3,
.axnv-marketing-collab-card h4,
.axnv-marketing-benefit-card h4,
.axnv-marketing-faq-item h4,
.axnv-marketing-payment-item h4 {
  font-family: var(--axio-font-heading) !important;
  font-size: 1.35rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.04em !important;
  color: #ffffff !important;
  text-transform: none !important;
}

.axnv-marketing-hero-subtitle,
.axnv-marketing-page p,
.axnv-marketing-collab-card p,
.axnv-marketing-benefit-card p,
.axnv-marketing-payment-card p,
.axnv-marketing-faq-item p {
  font-family: var(--axio-font-body) !important;
  font-size: 1.05rem !important;
  line-height: 1.7 !important;
  color: #94a3b8 !important;
}

.axnv-marketing-visual-stat strong,
.axnv-marketing-stat-value {
  font-family: var(--axio-font-mono) !important;
  font-size: 1.25rem !important;
  font-weight: 700 !important;
  color: var(--axio-neon-cyan) !important;
  text-shadow: 0 0 15px var(--axio-cyan-glow);
}

/* Glassmorphism Cards for Marketing page */
.axnv-marketing-visual-card,
.axnv-marketing-payment-card,
.axnv-marketing-notice-card,
.axnv-marketing-collab-card,
.axnv-marketing-benefit-card,
.axnv-marketing-contact-card,
.axnv-marketing-final-card,
.axnv-marketing-faq-item {
  background: var(--axio-glass-surface-elevated) !important;
  border: 1px solid var(--axio-glass-border) !important;
  border-radius: 24px !important;
  box-shadow: var(--axio-glass-shadow) !important;
  backdrop-filter: blur(24px) saturate(180%) !important;
  -webkit-backdrop-filter: blur(24px) saturate(180%) !important;
  transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.axnv-marketing-collab-card:hover,
.axnv-marketing-benefit-card:hover,
.axnv-marketing-payment-card:hover,
.axnv-marketing-faq-item:hover {
  border-color: var(--axio-glass-border-hover) !important;
  box-shadow: var(--axio-glass-shadow-hover) !important;
  transform: translateY(-4px) !important;
}

.axnv-marketing-btn-secondary {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 14px 28px !important;
  border-radius: 14px !important;
  font-family: var(--axio-font-heading) !important;
  font-size: 1.05rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.06em !important;
  text-transform: none !important;
  background: rgba(255, 255, 255, 0.05) !important;
  border: 1px solid rgba(0, 240, 255, 0.25) !important;
  color: #ffffff !important;
  backdrop-filter: blur(12px) !important;
  transition: all 0.3s ease !important;
}

.axnv-marketing-btn-secondary:hover {
  background: rgba(0, 240, 255, 0.12) !important;
  border-color: var(--axio-neon-cyan) !important;
  color: var(--axio-neon-cyan) !important;
  box-shadow: 0 0 25px rgba(0, 240, 255, 0.25) !important;
  transform: translateY(-2px) !important;
}

/* --------------------------------------------------------------------------
   CONTACT SECTION LOGO HIGHLIGHTS (SPOTS 1 & 2)
   -------------------------------------------------------------------------- */
.axnv-marketing-contact-icon {
  width: 56px !important;
  height: 56px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
  border-radius: 16px !important;
  background: rgba(0, 240, 255, 0.12) !important;
  border: 1px solid rgba(0, 240, 255, 0.35) !important;
  box-shadow: 0 0 20px rgba(0, 240, 255, 0.25) !important;
  overflow: hidden !important;
  padding: 8px !important;
}

.axnv-marketing-icon-img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  display: block !important;
  filter: drop-shadow(0 0 8px rgba(0, 240, 255, 0.6)) !important;
}

.axnv-marketing-center-dot {
  position: absolute !important;
  inset: 65px !important;
  border-radius: 50% !important;
  background: transparent !important;
  box-shadow: 0 0 50px rgba(0, 240, 255, 0.65), 0 0 90px rgba(139, 92, 246, 0.4) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: 2px solid rgba(0, 240, 255, 0.65) !important;
}

.axnv-marketing-center-logo {
  width: 100% !important;
  height: 100% !important;
  border-radius: 50% !important;
  object-fit: cover !important;
  display: block !important;
  filter: drop-shadow(0 0 16px rgba(0, 240, 255, 0.6)) !important;
  animation: axioPulseCenterLogo 4s ease-in-out infinite alternate !important;
}

@keyframes axioPulseCenterLogo {
  0% {
    transform: scale(0.95);
    filter: drop-shadow(0 0 12px rgba(255, 255, 255, 0.6)) drop-shadow(0 0 25px rgba(0, 240, 255, 0.7));
  }
  100% {
    transform: scale(1.05);
    filter: drop-shadow(0 0 20px rgba(255, 255, 255, 0.9)) drop-shadow(0 0 38px rgba(0, 240, 255, 1));
  }
}

/* --------------------------------------------------------------------------
   COMMUNITY INTELLIGENCE HUB TYPOGRAPHY & GLASS REVAMP (.axnv-community-*)
   -------------------------------------------------------------------------- */
.axnv-community-page {
  font-family: var(--axio-font-body) !important;
  color: #e2e8f0 !important;
  -webkit-font-smoothing: antialiased !important;
}

.axnv-community-hero-copy h1,
.axnv-community-section h2,
.axnv-community-final-card h2,
.axnv-community-token-section h2 {
  font-family: var(--axio-font-display) !important;
  font-weight: 700 !important;
  letter-spacing: -0.02em !important;
  color: #ffffff !important;
}

.axnv-community-hero-copy h1 {
  font-size: clamp(2.8rem, 5.5vw, 4.4rem) !important;
}

.axnv-community-hero-copy h1 strong {
  background: linear-gradient(135deg, #00f0ff 0%, #38bdf8 40%, #a855f7 85%, #ec4899 100%) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  text-shadow: 0 0 35px rgba(0, 240, 255, 0.35) !important;
}

.axnv-community-kicker,
.axnv-community-breadcrumb,
.axnv-community-updated {
  font-family: var(--axio-font-heading) !important;
  font-size: 0.95rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.1em !important;
  text-transform: none !important;
  color: var(--axio-neon-cyan) !important;
}

.axnv-community-milestones-section h3,
.axnv-community-section h3,
.axnv-community-social-card h3 {
  font-family: var(--axio-font-heading) !important;
  font-size: 1.35rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.04em !important;
  color: #ffffff !important;
  text-transform: none !important;
}

.axnv-community-hero-copy p,
.axnv-community-section p,
.axnv-community-final-card p,
.axnv-community-social-card p {
  font-family: var(--axio-font-body) !important;
  font-size: 1.05rem !important;
  line-height: 1.7 !important;
  color: #94a3b8 !important;
}

.axnv-community-social-val,
.axnv-community-metric-val,
.axnv-community-stat-val,
.axnv-community-stat-value,
.axnv-community-pulse-number {
  font-family: var(--axio-font-mono) !important;
  font-size: 1.45rem !important;
  font-weight: 700 !important;
  color: var(--axio-neon-cyan) !important;
  text-shadow: 0 0 15px var(--axio-cyan-glow);
}

/* Glassmorphism Cards for Community page */
.axnv-community-social-card,
.axnv-community-chart-card,
.axnv-community-token-panel,
.axnv-community-world-card,
.axnv-community-final-card,
.axnv-community-dashboard-visual {
  background: var(--axio-glass-surface-elevated) !important;
  border: 1px solid var(--axio-glass-border) !important;
  border-radius: 24px !important;
  box-shadow: var(--axio-glass-shadow) !important;
  backdrop-filter: blur(24px) saturate(180%) !important;
  -webkit-backdrop-filter: blur(24px) saturate(180%) !important;
  transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.axnv-community-social-card:hover,
.axnv-community-token-panel:hover,
.axnv-community-world-card:hover {
  border-color: var(--axio-glass-border-hover) !important;
  box-shadow: var(--axio-glass-shadow-hover) !important;
  transform: translateY(-4px) !important;
}

/* --------------------------------------------------------------------------
   SECURITY & AUDITS PAGE TYPOGRAPHY & GLASS REVAMP (.axnv-security-*)
   -------------------------------------------------------------------------- */
.axnv-security-page {
  font-family: var(--axio-font-body) !important;
  color: #e2e8f0 !important;
  -webkit-font-smoothing: antialiased !important;
}

.axnv-security-hero-copy h1,
.axnv-security-section-heading h2,
.axnv-security-section h2,
.axnv-security-audit-logs h2 {
  font-family: var(--axio-font-display) !important;
  font-weight: 700 !important;
  letter-spacing: -0.02em !important;
  color: #ffffff !important;
}

.axnv-security-hero-copy h1 {
  font-size: clamp(2.8rem, 5.5vw, 4.4rem) !important;
}

.axnv-security-hero-copy h1 strong {
  background: linear-gradient(135deg, #00f0ff 0%, #38bdf8 40%, #a855f7 85%, #ec4899 100%) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  text-shadow: 0 0 35px rgba(0, 240, 255, 0.35) !important;
}

.axnv-security-kicker,
.axnv-security-breadcrumb,
.axnv-security-badge {
  font-family: var(--axio-font-heading) !important;
  font-size: 0.95rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.1em !important;
  text-transform: none !important;
  color: var(--axio-neon-cyan) !important;
}

.axnv-security-pillar h3,
.axnv-security-audit-card h3,
.axnv-security-contract-card h3,
.axnv-security-section h3,
.axnv-security-report-log h4 {
  font-family: var(--axio-font-heading) !important;
  font-size: 1.35rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.04em !important;
  color: #ffffff !important;
  text-transform: none !important;
}

.axnv-security-hero-copy p,
.axnv-security-section p,
.axnv-security-pillar p,
.axnv-security-audit-card p,
.axnv-security-report-log p {
  font-family: var(--axio-font-body) !important;
  font-size: 1.05rem !important;
  line-height: 1.7 !important;
  color: #94a3b8 !important;
}

.axnv-security-stat-val,
.axnv-security-stat-value,
.axnv-security-metric-val,
.axnv-security-contract-address code,
.axnv-security-score {
  font-family: var(--axio-font-mono) !important;
  font-size: 1.25rem !important;
  font-weight: 700 !important;
  color: var(--axio-neon-cyan) !important;
  text-shadow: 0 0 15px var(--axio-cyan-glow);
}

/* Glassmorphism Cards for Security & Audits page */
.axnv-security-pillar,
.axnv-security-audit-card,
.axnv-security-contract-card,
.axnv-security-report-log,
.axnv-security-dashboard,
.axnv-security-badge-card,
.axnv-security-socradar-card,
.axnv-security-honeypot-card {
  background: var(--axio-glass-surface-elevated) !important;
  border: 1px solid var(--axio-glass-border) !important;
  border-radius: 24px !important;
  box-shadow: var(--axio-glass-shadow) !important;
  backdrop-filter: blur(24px) saturate(180%) !important;
  -webkit-backdrop-filter: blur(24px) saturate(180%) !important;
  transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.axnv-security-pillar:hover,
.axnv-security-audit-card:hover,
.axnv-security-contract-card:hover,
.axnv-security-socradar-card:hover,
.axnv-security-honeypot-card:hover {
  border-color: var(--axio-glass-border-hover) !important;
  box-shadow: var(--axio-glass-shadow-hover) !important;
  transform: translateY(-4px) !important;
}

/* --------------------------------------------------------------------------
   ECOSYSTEM PAGE TYPOGRAPHY & GLASS REVAMP (.axnv-ecosystem-*)
   -------------------------------------------------------------------------- */
.axnv-ecosystem-page {
  font-family: var(--axio-font-body) !important;
  color: #e2e8f0 !important;
  -webkit-font-smoothing: antialiased !important;
}

.axnv-ecosystem-hero-copy h1,
.axnv-ecosystem-section-heading h2,
.axnv-ecosystem-section h2,
.axnv-ecosystem-vision-card h2,
.axnv-ecosystem-final-card h2 {
  font-family: var(--axio-font-display) !important;
  font-weight: 700 !important;
  letter-spacing: -0.02em !important;
  color: #ffffff !important;
}

.axnv-ecosystem-hero-copy h1 {
  font-size: clamp(2.8rem, 5.5vw, 4.4rem) !important;
}

.axnv-ecosystem-hero-copy h1 strong {
  background: linear-gradient(135deg, #00f0ff 0%, #38bdf8 40%, #a855f7 85%, #ec4899 100%) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  text-shadow: 0 0 35px rgba(0, 240, 255, 0.35) !important;
}

.axnv-ecosystem-kicker,
.axnv-ecosystem-breadcrumb,
.axnv-ecosystem-badge {
  font-family: var(--axio-font-heading) !important;
  font-size: 0.95rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.1em !important;
  text-transform: none !important;
  color: var(--axio-neon-cyan) !important;
}

.axnv-ecosystem-pillar-card h3,
.axnv-ecosystem-utility-card h3,
.axnv-ecosystem-growth-card h3,
.axnv-ecosystem-section h3,
.axnv-ecosystem-pillar-card h4 {
  font-family: var(--axio-font-heading) !important;
  font-size: 1.35rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.04em !important;
  color: #ffffff !important;
  text-transform: none !important;
}

.axnv-ecosystem-hero-copy p,
.axnv-ecosystem-section p,
.axnv-ecosystem-pillar-card p,
.axnv-ecosystem-utility-card p,
.axnv-ecosystem-growth-card p {
  font-family: var(--axio-font-body) !important;
  font-size: 1.05rem !important;
  line-height: 1.7 !important;
  color: #94a3b8 !important;
}

.axnv-ecosystem-glance-number,
.axnv-ecosystem-stat-val,
.axnv-ecosystem-metric-val {
  font-family: var(--axio-font-mono) !important;
  font-size: 1.35rem !important;
  font-weight: 700 !important;
  color: var(--axio-neon-cyan) !important;
  text-shadow: 0 0 15px var(--axio-cyan-glow);
}

/* Glassmorphism Cards for Ecosystem page */
.axnv-ecosystem-glance-card,
.axnv-ecosystem-pillar-card,
.axnv-ecosystem-utility-card,
.axnv-ecosystem-growth-card,
.axnv-ecosystem-vision-card,
.axnv-ecosystem-final-card {
  background: var(--axio-glass-surface-elevated) !important;
  border: 1px solid var(--axio-glass-border) !important;
  border-radius: 24px !important;
  box-shadow: var(--axio-glass-shadow) !important;
  backdrop-filter: blur(24px) saturate(180%) !important;
  -webkit-backdrop-filter: blur(24px) saturate(180%) !important;
  transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.axnv-ecosystem-pillar-card:hover,
.axnv-ecosystem-utility-card:hover,
.axnv-ecosystem-growth-card:hover,
.axnv-ecosystem-glance-card:hover {
  border-color: var(--axio-glass-border-hover) !important;
  box-shadow: var(--axio-glass-shadow-hover) !important;
  transform: translateY(-4px) !important;
}

/* --------------------------------------------------------------------------
   ROADMAP PAGE TYPOGRAPHY & GLASS REVAMP (.roadmap-page)
   -------------------------------------------------------------------------- */
.roadmap-page {
  font-family: var(--axio-font-body) !important;
  color: #e2e8f0 !important;
  -webkit-font-smoothing: antialiased !important;
}

.roadmap-page h1,
.roadmap-hero h1,
.roadmap-page h2,
.section-heading h2 {
  font-family: var(--axio-font-display) !important;
  font-weight: 700 !important;
  letter-spacing: -0.02em !important;
  color: #ffffff !important;
}

.roadmap-hero h1 {
  font-size: clamp(2.8rem, 5.5vw, 4.4rem) !important;
  background: linear-gradient(135deg, #ffffff 0%, #a5f3fc 50%, #38bdf8 100%) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  text-shadow: 0 0 35px rgba(0, 240, 255, 0.25) !important;
}

.eyebrow,
.section-kicker,
.phase-badge,
.timeline-step {
  font-family: var(--axio-font-heading) !important;
  font-size: 0.95rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.1em !important;
  text-transform: none !important;
  color: var(--axio-neon-cyan) !important;
}

.roadmap-page h3,
.phase-card h3,
.timeline-content h3,
.snapshot-card h3,
.ecosystem-card h3 {
  font-family: var(--axio-font-heading) !important;
  font-size: 1.35rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.04em !important;
  color: #ffffff !important;
  text-transform: none !important;
}

.roadmap-page p,
.timeline-desc,
.snapshot-card p,
.lead {
  font-family: var(--axio-font-body) !important;
  font-size: 1.05rem !important;
  line-height: 1.7 !important;
  color: #94a3b8 !important;
}

.phase-number,
.timeline-date,
.contract-box code,
.metric-val {
  font-family: var(--axio-font-mono) !important;
  font-size: 1.25rem !important;
  font-weight: 700 !important;
  color: var(--axio-neon-cyan) !important;
  text-shadow: 0 0 15px var(--axio-cyan-glow);
}

/* Glassmorphism Cards for Roadmap page */
.timeline-card,
.snapshot-card,
.phase-card,
.vesting-card,
.transparency-card,
.ecosystem-card,
.summary-card,
.contract-box {
  background: var(--axio-glass-surface-elevated) !important;
  border: 1px solid var(--axio-glass-border) !important;
  border-radius: 24px !important;
  box-shadow: var(--axio-glass-shadow) !important;
  backdrop-filter: blur(24px) saturate(180%) !important;
  -webkit-backdrop-filter: blur(24px) saturate(180%) !important;
  transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.timeline-card:hover,
.snapshot-card:hover,
.phase-card:hover,
.ecosystem-card:hover {
  border-color: var(--axio-glass-border-hover) !important;
  box-shadow: var(--axio-glass-shadow-hover) !important;
  transform: translateY(-4px) !important;
}

/* --------------------------------------------------------------------------
   MINIMAL HORIZONTAL ROADMAP HERO CARD
   -------------------------------------------------------------------------- */
.hero-visual {
  position: relative !important;
  min-height: auto !important;
}

.roadmap-road-card {
  position: relative !important;
  height: 220px !important;
  width: 100% !important;
  border-radius: 24px !important;
  padding: 20px 24px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  overflow: hidden !important;
  background: var(--axio-glass-surface-elevated) !important;
  border: 1px solid var(--axio-glass-border) !important;
  box-shadow: var(--axio-glass-shadow), 0 0 35px rgba(0, 240, 255, 0.08) !important;
  backdrop-filter: blur(24px) saturate(180%) !important;
  -webkit-backdrop-filter: blur(24px) saturate(180%) !important;
}

.road-card-header {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  z-index: 2 !important;
  padding-bottom: 10px !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;
}

.road-badge {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  font-family: var(--axio-font-heading) !important;
  font-size: 0.85rem !important;
  color: #94a3b8 !important;
  text-transform: none !important;
  letter-spacing: 0.06em !important;
}

.road-badge-dot {
  width: 7px !important;
  height: 7px !important;
  border-radius: 50% !important;
  background: #10b981 !important;
  box-shadow: 0 0 8px #10b981 !important;
  animation: beaconPulse 1.8s infinite !important;
}

.road-network {
  font-family: var(--axio-font-heading) !important;
  font-size: 0.8rem !important;
  color: #64748b !important;
  text-transform: none !important;
  letter-spacing: 0.06em !important;
}

.roadmap-minimal-track {
  position: relative !important;
  width: 100% !important;
  height: 125px !important;
  margin-top: 10px !important;
}

.road-svg-minimal {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 80px !important;
  pointer-events: none !important;
}

.min-node {
  position: absolute !important;
  transform: translate(-50%, -50%) !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  z-index: 5 !important;
}

.min-dot {
  width: 12px !important;
  height: 12px !important;
  border-radius: 50% !important;
  background: #091d3e !important;
  border: 1.5px solid rgba(255, 255, 255, 0.3) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: all 0.2s ease !important;
}

.min-node.completed .min-dot {
  background: #10b981 !important;
  border-color: #34d399 !important;
  box-shadow: 0 0 10px rgba(16, 185, 129, 0.6) !important;
}

.min-check {
  font-size: 8px !important;
  color: #020712 !important;
  font-weight: 600 !important;
  line-height: 1 !important;
}

.min-dot.active-ring {
  width: 18px !important;
  height: 18px !important;
  background: rgba(0, 240, 255, 0.15) !important;
  border: 1.5px solid var(--axio-neon-cyan) !important;
  box-shadow: 0 0 15px rgba(0, 240, 255, 0.7) !important;
}

.min-pulse-dot {
  width: 6px !important;
  height: 6px !important;
  border-radius: 50% !important;
  background: #ffffff !important;
  box-shadow: 0 0 6px #ffffff !important;
}

.min-node.upcoming .min-dot {
  border-color: rgba(0, 240, 255, 0.4) !important;
  background: #051329 !important;
}

.min-node.planned .min-dot {
  border-color: rgba(139, 92, 246, 0.4) !important;
  background: #051329 !important;
}

.min-label {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  margin-top: 10px !important;
  white-space: nowrap !important;
}

.min-label strong {
  font-family: var(--axio-font-heading) !important;
  font-size: 0.85rem !important;
  font-weight: 700 !important;
  color: #f1f5f9 !important;
  letter-spacing: 0.03em !important;
}

.min-label strong.text-cyan {
  color: var(--axio-neon-cyan) !important;
  text-shadow: 0 0 10px var(--axio-cyan-glow) !important;
}

.min-label small {
  font-size: 0.68rem !important;
  color: #64748b !important;
  margin-top: 2px !important;
  text-transform: none !important;
  letter-spacing: 0.05em !important;
}

.min-label small.status-live {
  color: var(--axio-neon-cyan) !important;
  font-weight: 700 !important;
}

@media (max-width: 640px) {
  .roadmap-road-card {
    height: 200px !important;
    padding: 16px !important;
  }
  .min-label strong {
    font-size: 0.75rem !important;
  }
}
/* ==========================================================================
   PRESALE PAGE (/presale/) REVAMP - REFLECTING HOMEPAGE DESIGN SYSTEM
   ========================================================================== */

.axnv-presale-page {
  position: relative !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(0, 240, 255, 0.08) 0%, transparent 45%),
    radial-gradient(circle at 85% 18%, rgba(139, 92, 246, 0.06) 0%, transparent 35%),
    linear-gradient(180deg, #020712 0%, #050d1e 40%, #020712 100%) !important;
  color: #f8fafc !important;
  font-family: var(--axio-font-body) !important;
  min-height: 100vh !important;
}

.axnv-presale-dashboard-section {
  position: relative !important;
  padding: 130px 0 80px !important;
  overflow: hidden !important;
}

.axnv-presale-dashboard-layout {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(420px, 490px) !important;
  gap: 50px !important;
  align-items: center !important; /* Vertically centered with the form */
}

/* Left Hero Content - Vertically Centered & Tight Balanced Gaps */
.axnv-presale-info-panel {
  display: flex !important;
  flex-direction: column !important;
  gap: 20px !important;
  height: auto !important;
  padding: 0 !important;
  justify-content: center !important;
}

.axnv-presale-hero-intro {
  display: flex !important;
  flex-direction: column !important;
}

.axnv-presale-kicker {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 6px 16px !important;
  border-radius: 999px !important;
  background: rgba(0, 240, 255, 0.08) !important;
  border: 1px solid rgba(0, 240, 255, 0.28) !important;
  color: var(--axio-neon-cyan) !important;
  font-family: var(--axio-font-heading) !important;
  font-size: 0.82rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.12em !important;
  text-transform: none !important;
  backdrop-filter: blur(10px) !important;
  width: fit-content !important;
}

.axnv-presale-kicker .axnv-live-dot {
  width: 7px !important;
  height: 7px !important;
  border-radius: 50% !important;
  background: var(--axio-neon-cyan) !important;
  box-shadow: 0 0 10px var(--axio-neon-cyan) !important;
}

.axnv-presale-info-panel h1 {
  font-family: var(--axio-font-display) !important;
  font-size: clamp(2.2rem, 3.8vw, 3.2rem) !important;
  font-weight: 800 !important;
  line-height: 1.12 !important;
  letter-spacing: -0.025em !important;
  background: linear-gradient(135deg, #ffffff 40%, #94a3b8 100%) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  margin: 16px 0 12px !important;
}

.axnv-presale-description {
  color: #94a3b8 !important;
  font-size: 0.98rem !important;
  line-height: 1.65 !important;
  max-width: 540px !important;
  margin: 0 !important;
}

/* Stat Cards (3 boxes side by side - No extra vertical margins) */
.axnv-presale-stats-grid {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 12px !important;
  margin: 0 !important;
}

.axnv-presale-stat-card {
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 14px !important;
  padding: 14px 16px !important;
  background: rgba(11, 19, 36, 0.55) !important;
  backdrop-filter: blur(16px) !important;
  transition: all 0.25s ease !important;
}

.axnv-presale-stat-card:hover {
  border-color: rgba(0, 240, 255, 0.3) !important;
  background: rgba(16, 27, 48, 0.7) !important;
  transform: translateY(-2px) !important;
}

.axnv-presale-stat-card span {
  font-family: var(--axio-font-heading) !important;
  font-size: 0.72rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.1em !important;
  text-transform: none !important;
  color: #64748b !important;
  display: block !important;
}

.axnv-presale-stat-card strong {
  font-family: var(--axio-font-display) !important;
  font-size: 0.95rem !important;
  font-weight: 700 !important;
  color: #ffffff !important;
  margin-top: 4px !important;
  display: block !important;
}

/* Presale Phases (3 boxes side by side - No extra vertical margins) */
.axnv-presale-phase-info {
  margin: 0 !important;
  background: rgba(11, 19, 36, 0.45) !important;
  border: 1px solid rgba(255, 255, 255, 0.07) !important;
  border-radius: 18px !important;
  padding: 16px 20px !important;
}

.axnv-presale-phase-info h3 {
  font-family: var(--axio-font-heading) !important;
  font-size: 0.8rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.08em !important;
  text-transform: none !important;
  color: #8ba2c4 !important;
  margin: 0 0 10px !important;
}

.axnv-phase-list {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 12px !important;
}

.axnv-phase-item {
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 14px !important;
  background: rgba(4, 12, 28, 0.55) !important;
  padding: 14px 16px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 6px !important;
  transition: all 0.25s ease !important;
}

.axnv-phase-header {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}

.axnv-phase-indicator {
  width: 7px !important;
  height: 7px !important;
  border-radius: 50% !important;
  background: #64748b !important;
  flex-shrink: 0 !important;
}

.axnv-phase-name {
  font-family: var(--axio-font-heading) !important;
  font-weight: 700 !important;
  font-size: 0.85rem !important;
  letter-spacing: 0.05em !important;
  text-transform: none !important;
  color: #94a3b8 !important;
}

.axnv-phase-content {
  width: 100% !important;
}

.axnv-phase-price {
  font-family: var(--axio-font-display) !important;
  color: #ffffff !important;
  font-weight: 700 !important;
  font-size: 0.98rem !important;
  letter-spacing: -0.01em !important;
  display: block !important;
}

.axnv-phase-item:hover,
.axnv-phase-item.active,
.axnv-phase-item.axnv-phase-active {
  border-color: rgba(0, 240, 255, 0.45) !important;
  background: rgba(6, 18, 44, 0.75) !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 10px 25px -8px rgba(0, 240, 255, 0.2) !important;
}

.axnv-phase-item.active .axnv-phase-name,
.axnv-phase-item.axnv-phase-active .axnv-phase-name {
  color: #ffffff !important;
}

.axnv-phase-item.active .axnv-phase-price,
.axnv-phase-item.axnv-phase-active .axnv-phase-price {
  color: var(--axio-neon-cyan) !important;
  text-shadow: 0 0 12px rgba(0, 240, 255, 0.4) !important;
}

.axnv-phase-item.active .axnv-phase-indicator,
.axnv-phase-item.axnv-phase-active .axnv-phase-indicator {
  background: var(--axio-neon-cyan) !important;
  box-shadow: 0 0 10px var(--axio-neon-cyan) !important;
}

.axnv-phase-item.completed .axnv-phase-indicator {
  background: #10b981 !important;
  box-shadow: 0 0 8px #10b981 !important;
}

/* --------------------------------------------------------------------------
   DASHBOARD CARD - EXACT HOMEPAGE STYLING & TYPOGRAPHY
   -------------------------------------------------------------------------- */
.axnv-presale-dashboard-card {
  position: relative !important;
  overflow: hidden !important;
  border: 1px solid rgba(8, 123, 255, 0.28) !important;
  border-radius: 28px !important;
  padding: 30px 24px !important;
  background:
    radial-gradient(circle at 100% 0%, rgba(8, 123, 255, 0.12) 0%, transparent 50%),
    radial-gradient(circle at 0% 100%, rgba(0, 212, 255, 0.06) 0%, transparent 40%),
    linear-gradient(165deg, #091730 0%, #030a17 100%) !important;
  box-shadow:
    0 24px 80px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
  backdrop-filter: blur(24px) !important;
  max-width: 500px !important;
  margin: 0 auto !important;
}

/* Price Box */
.axnv-price-display {
  display: grid !important;
  grid-template-columns: 1fr auto 1fr !important;
  gap: 16px !important;
  align-items: center !important;
  background: rgba(3, 11, 28, 0.75) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 18px !important;
  padding: 16px 20px !important;
  margin-bottom: 22px !important;
}

.axnv-price-box {
  text-align: center !important;
}

.axnv-price-box span {
  font-family: var(--axio-font-body) !important;
  font-size: 0.85rem !important;
  color: #8ba2c4 !important;
  font-weight: 500 !important;
  display: block !important;
  margin-bottom: 5px !important;
  text-transform: none !important;
  letter-spacing: normal !important;
}

.axnv-price-box strong {
  font-family: var(--axio-font-display) !important;
  font-size: 1.55rem !important;
  font-weight: 700 !important;
  color: #ffffff !important;
  letter-spacing: -0.01em !important;
  display: block !important;
}

.axnv-price-divider {
  width: 1px !important;
  height: 38px !important;
  background: rgba(255, 255, 255, 0.12) !important;
}

.axnv-next-price strong {
  color: #6482a6 !important;
  text-shadow: none !important;
}

/* Raised Section */
.axnv-raised-section {
  margin-bottom: 22px !important;
}

.axnv-raised-header {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  margin-bottom: 12px !important;
}

.axnv-raised-icon {
  color: #10b981 !important;
  font-size: 1.35rem !important;
  font-weight: 700 !important;
  line-height: 1 !important;
}

.axnv-raised-amount {
  font-family: var(--axio-font-display) !important;
  font-size: 1.65rem !important;
  font-weight: 700 !important;
  color: #ffffff !important;
  letter-spacing: -0.01em !important;
}

.axnv-raised-label {
  font-family: var(--axio-font-heading) !important;
  font-size: 0.82rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.08em !important;
  color: #8ba2c4 !important;
  text-transform: none !important;
  margin-left: 6px !important;
}

.axnv-raised-header .axnv-live-badge {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  padding: 4px 14px !important;
  border-radius: 999px !important;
  background: rgba(16, 185, 129, 0.12) !important;
  border: 1px solid rgba(16, 185, 129, 0.3) !important;
  color: #10b981 !important;
  font-size: 0.82rem !important;
  font-weight: 600 !important;
  margin-left: auto !important;
}

.axnv-raised-header .axnv-live-dot {
  width: 7px !important;
  height: 7px !important;
  border-radius: 50% !important;
  background: #10b981 !important;
  box-shadow: 0 0 8px #10b981 !important;
  animation: beaconPulse 1.8s infinite !important;
}

.axnv-target-row {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  margin-bottom: 8px !important;
  font-size: 0.92rem !important;
}

.axnv-target-row span {
  color: #8ba2c4 !important;
  font-weight: 500 !important;
}

.axnv-target-row strong {
  font-family: var(--axio-font-display) !important;
  font-size: 0.98rem !important;
  font-weight: 700 !important;
  color: #ffffff !important;
}

.axnv-progress-container {
  position: relative !important;
}

.axnv-progress-bar {
  position: relative !important;
  height: 7px !important;
  background: rgba(255, 255, 255, 0.08) !important;
  border-radius: 999px !important;
  overflow: hidden !important;
}

.axnv-progress-fill {
  height: 100% !important;
  background: linear-gradient(90deg, #0088ff 0%, #00f0ff 100%) !important;
  border-radius: 999px !important;
  box-shadow: 0 0 10px rgba(0, 240, 255, 0.5) !important;
  transition: width 1s ease-in-out !important;
}

/* Buy Form */
.axnv-buy-form {
  margin-top: 18px !important;
}

.axnv-input-combo-row {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 12px !important;
  margin-bottom: 14px !important;
  align-items: end !important;
}

.axnv-input-group label {
  display: block !important;
  font-family: var(--axio-font-heading) !important;
  font-size: 0.74rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.08em !important;
  text-transform: none !important;
  color: #8ba2c4 !important;
  margin-bottom: 8px !important;
}

.axnv-input-wrapper {
  display: flex !important;
  align-items: center !important;
  background: rgba(2, 9, 24, 0.75) !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  border-radius: 12px !important;
  padding: 12px 14px !important;
  height: auto !important;
  transition: all 0.25s ease !important;
}

.axnv-input-wrapper:focus-within {
  border-color: rgba(0, 240, 255, 0.5) !important;
  box-shadow: 0 0 20px rgba(0, 240, 255, 0.2) !important;
}

.axnv-input-prefix {
  font-family: var(--axio-font-body) !important;
  font-weight: 600 !important;
  color: #6482a6 !important;
  font-size: 1rem !important;
  margin-right: 8px !important;
  padding: 0 !important;
}

.axnv-input-wrapper input {
  background: transparent !important;
  border: none !important;
  outline: none !important;
  color: #ffffff !important;
  font-family: var(--axio-font-display) !important;
  font-size: 1.35rem !important;
  font-weight: 700 !important;
  width: 100% !important;
  padding: 0 !important;
}

.axnv-receive-box {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  background: rgba(2, 9, 24, 0.75) !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  border-radius: 12px !important;
  padding: 12px 14px !important;
  height: auto !important;
}

.axnv-receive-amount {
  font-family: var(--axio-font-display) !important;
  font-size: 1.35rem !important;
  color: #ffffff !important;
  font-weight: 700 !important;
}

.axnv-receive-token-inline {
  display: flex !important;
  align-items: center !important;
  gap: 7px !important;
}

.axnv-token-icon-small {
  width: 20px !important;
  height: 20px !important;
  border-radius: 50% !important;
  object-fit: contain !important;
}

.axnv-receive-name {
  font-family: var(--axio-font-heading) !important;
  font-size: 0.95rem !important;
  font-weight: 700 !important;
  color: #ffffff !important;
  letter-spacing: 0.04em !important;
}

/* Worth at Launch */
.axnv-launch-value-section {
  margin-bottom: 18px !important;
}

.axnv-launch-value-section label {
  display: block !important;
  font-family: var(--axio-font-heading) !important;
  font-size: 0.74rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.08em !important;
  text-transform: none !important;
  color: #10b981 !important;
  margin-bottom: 8px !important;
}

.axnv-launch-value-row {
  background: rgba(16, 185, 129, 0.05) !important;
  border: 1px solid rgba(16, 185, 129, 0.35) !important;
  border-radius: 12px !important;
  padding: 14px 18px !important;
  display: flex !important;
  align-items: center !important;
}

.axnv-launch-value-amount {
  font-family: var(--axio-font-display) !important;
  font-size: 1.45rem !important;
  color: #10b981 !important;
  font-weight: 700 !important;
  letter-spacing: -0.01em !important;
  text-shadow: 0 0 16px rgba(16, 185, 129, 0.4) !important;
}

/* Action Buttons */
.axnv-wallet-actions {
  margin-top: 18px !important;
}

.axnv-connect-btn,
.axnv-buy-btn {
  width: 100% !important;
  display: flex;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  padding: 15px 24px !important;
  border-radius: 12px !important;
  background: linear-gradient(135deg, #0088ff 0%, #00d0ff 100%) !important;
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
  color: #ffffff !important;
  font-family: var(--axio-font-body) !important;
  font-size: 1.05rem !important;
  font-weight: 700 !important;
  cursor: pointer !important;
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
  box-shadow: 0 8px 24px rgba(0, 140, 255, 0.35) !important;
  text-transform: none !important;
  letter-spacing: normal !important;
  outline: none !important;
  box-sizing: border-box !important;
}

.axnv-buy-btn {
  background: linear-gradient(135deg, #00d0ff 0%, #0088ff 100%) !important;
}

/* Ensure hidden state is strictly respected */
.axnv-buy-btn[style*="display: none"],
.axnv-connect-btn[style*="display: none"],
.axnv-wallet-actions[style*="display: none"],
#buyBtn[style*="display: none"],
#connectWalletBtn[style*="display: none"] {
  display: none !important;
}

.axnv-connect-btn:hover,
.axnv-buy-btn:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 12px 32px rgba(0, 140, 255, 0.55), 0 0 20px rgba(0, 208, 255, 0.35) !important;
  background: linear-gradient(135deg, #0099ff 0%, #30dcff 100%) !important;
}

.axnv-connect-btn:active,
.axnv-buy-btn:active {
  transform: translateY(0) !important;
  box-shadow: 0 6px 18px rgba(0, 140, 255, 0.4) !important;
}

.axnv-connect-btn svg,
.axnv-buy-btn svg {
  transition: transform 0.2s ease !important;
}

.axnv-connect-btn:hover svg,
.axnv-buy-btn:hover svg {
  transform: translate(2px, -2px) !important;
}

/* Connection Status */
.axnv-connection-status {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin-top: 14px !important;
  font-family: var(--axio-font-body) !important;
  font-size: 0.82rem !important;
  color: #6482a6 !important;
}

.axnv-status-dot {
  width: 6px !important;
  height: 6px !important;
  border-radius: 50% !important;
  background: #ef4444 !important;
}

.axnv-status-dot.connected {
  background: #10b981 !important;
  box-shadow: 0 0 8px #10b981 !important;
}

/* Leaderboard Section */
.axnv-holders-section {
  padding: 80px 0 !important;
}

.axnv-presale-section-heading-center {
  text-align: center !important;
  max-width: 680px !important;
  margin: 0 auto 40px !important;
}

.axnv-presale-section-heading h2 {
  font-family: var(--axio-font-display) !important;
  font-size: clamp(1.8rem, 3.2vw, 2.5rem) !important;
  font-weight: 800 !important;
  color: #ffffff !important;
  margin: 14px 0 10px !important;
}

.axnv-section-subtitle {
  color: #94a3b8 !important;
  font-size: 1rem !important;
  line-height: 1.65 !important;
}

.axnv-holders-table-wrap {
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 20px !important;
  background: rgba(11, 19, 36, 0.55) !important;
  backdrop-filter: blur(20px) !important;
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.35) !important;
  overflow: hidden !important;
}

.axnv-holders-head {
  background: rgba(4, 12, 28, 0.85) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
  font-family: var(--axio-font-heading) !important;
  font-size: 0.82rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.08em !important;
  text-transform: none !important;
  color: #8ba2c4 !important;
  padding: 16px 24px !important;
}

.axnv-holders-row {
  display: grid !important;
  grid-template-columns: 80px 1fr 180px !important;
  align-items: center !important;
  padding: 14px 24px !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.04) !important;
  transition: background 0.2s ease !important;
}

.axnv-holders-row:hover:not(.axnv-holders-head) {
  background: rgba(0, 240, 255, 0.04) !important;
}

.axnv-holders-row div:first-child {
  font-family: var(--axio-font-display) !important;
  font-weight: 700 !important;
  color: var(--axio-neon-cyan) !important;
}

.axnv-holders-row div:nth-child(2) {
  font-family: 'Space Mono', monospace !important;
  font-size: 0.9rem !important;
  color: #cbd5e1 !important;
}

.axnv-holders-row div:last-child {
  font-family: var(--axio-font-display) !important;
  font-weight: 700 !important;
  color: #ffffff !important;
  text-align: right !important;
}

/* How It Works Steps */
.axnv-presale-steps-4 {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)) !important;
  gap: 20px !important;
  margin-top: 40px !important;
}

.axnv-presale-steps article {
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 18px !important;
  background: rgba(11, 19, 36, 0.55) !important;
  backdrop-filter: blur(16px) !important;
  padding: 28px 24px !important;
  transition: all 0.25s ease !important;
}

.axnv-presale-steps article:hover {
  border-color: rgba(0, 240, 255, 0.3) !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.3) !important;
}

.axnv-presale-steps article div {
  width: 38px !important;
  height: 38px !important;
  border-radius: 10px !important;
  background: rgba(0, 240, 255, 0.1) !important;
  border: 1px solid rgba(0, 240, 255, 0.3) !important;
  color: var(--axio-neon-cyan) !important;
  font-family: var(--axio-font-display) !important;
  font-weight: 800 !important;
  font-size: 0.95rem !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin-bottom: 16px !important;
}

.axnv-presale-steps article h3 {
  font-family: var(--axio-font-display) !important;
  font-size: 1.12rem !important;
  font-weight: 700 !important;
  color: #ffffff !important;
  margin: 0 0 10px !important;
}

.axnv-presale-steps article p {
  color: #94a3b8 !important;
  font-size: 0.92rem !important;
  line-height: 1.7 !important;
  margin: 0 !important;
}

/* Presale FAQ Accordions */
.axnv-presale-faq-list {
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
  max-width: 860px !important;
  margin: 0 auto !important;
}

.axnv-presale-faq-item {
  border: 1px solid rgba(255, 255, 255, 0.07) !important;
  border-radius: 14px !important;
  background: rgba(11, 19, 36, 0.55) !important;
  backdrop-filter: blur(16px) !important;
  padding: 0 24px !important;
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.axnv-presale-faq-item:hover {
  border-color: rgba(0, 240, 255, 0.3) !important;
  background: rgba(16, 27, 48, 0.7) !important;
}

.axnv-presale-faq-item[open] {
  border-color: rgba(0, 240, 255, 0.5) !important;
  background: rgba(14, 24, 44, 0.85) !important;
  box-shadow: 0 10px 30px -10px rgba(0, 240, 255, 0.12) !important;
}

.axnv-presale-faq-item summary {
  list-style: none !important;
  cursor: pointer !important;
  padding: 20px 42px 20px 0 !important;
  position: relative !important;
  font-family: var(--axio-font-body) !important;
  font-size: 1.02rem !important;
  font-weight: 600 !important;
  color: #f1f5f9 !important;
  user-select: none !important;
}

.axnv-presale-faq-item summary::-webkit-details-marker {
  display: none !important;
}

.axnv-presale-faq-item summary::after {
  content: "+" !important;
  position: absolute !important;
  right: 0 !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 28px !important;
  height: 28px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 50% !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  background: rgba(255, 255, 255, 0.04) !important;
  color: var(--axio-neon-cyan) !important;
  font-family: monospace !important;
  font-size: 1.15rem !important;
  font-weight: 300 !important;
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.axnv-presale-faq-item[open] summary::after {
  transform: translateY(-50%) rotate(45deg) !important;
  background: rgba(0, 240, 255, 0.14) !important;
  border-color: var(--axio-neon-cyan) !important;
  color: #ffffff !important;
  box-shadow: 0 0 12px rgba(0, 240, 255, 0.3) !important;
}

.axnv-presale-faq-answer {
  padding-top: 14px !important;
  padding-bottom: 22px !important;
  border-top: 1px solid rgba(255, 255, 255, 0.05) !important;
}

.axnv-presale-faq-answer p {
  margin: 0 !important;
  color: #94a3b8 !important;
  line-height: 1.75 !important;
  font-size: 0.96rem !important;
}

.axnv-presale-faq-answer code {
  padding: 3px 8px !important;
  border-radius: 6px !important;
  background: rgba(0, 240, 255, 0.08) !important;
  border: 1px solid rgba(0, 240, 255, 0.25) !important;
  color: #38bdf8 !important;
  font-family: 'Space Mono', monospace !important;
  font-size: 0.88em !important;
}

/* Security Notice */
.axnv-presale-warning-card {
  display: flex !important;
  gap: 24px !important;
  align-items: flex-start !important;
  padding: 34px !important;
  border-radius: 20px !important;
  border: 1px solid rgba(245, 158, 11, 0.25) !important;
  background: rgba(245, 158, 11, 0.04) !important;
  backdrop-filter: blur(16px) !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25) !important;
}

.axnv-presale-warning-icon {
  flex-shrink: 0 !important;
  width: 48px !important;
  height: 48px !important;
  border-radius: 12px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: rgba(245, 158, 11, 0.14) !important;
  border: 1px solid rgba(245, 158, 11, 0.35) !important;
  color: #f59e0b !important;
  font-family: var(--axio-font-display) !important;
  font-weight: 800 !important;
  font-size: 1.3rem !important;
  box-shadow: 0 0 16px rgba(245, 158, 11, 0.15) !important;
}

.axnv-presale-warning-card h2 {
  margin: 0 0 10px !important;
  font-family: var(--axio-font-display) !important;
  font-size: 1.4rem !important;
  font-weight: 700 !important;
  color: #ffffff !important;
}

.axnv-presale-warning-card p {
  margin: 0 0 20px !important;
  color: #94a3b8 !important;
  line-height: 1.75 !important;
}

.axnv-presale-btn {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 12px 24px !important;
  border-radius: 999px !important;
  font-family: var(--axio-font-heading) !important;
  font-weight: 700 !important;
  font-size: 0.94rem !important;
  letter-spacing: 0.06em !important;
  text-transform: none !important;
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
  background: rgba(255, 255, 255, 0.06) !important;
  color: #ffffff !important;
  text-decoration: none !important;
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.axnv-presale-btn:hover {
  background: rgba(255, 255, 255, 0.12) !important;
  border-color: rgba(0, 240, 255, 0.4) !important;
  color: var(--axio-neon-cyan) !important;
  transform: translateY(-1px) !important;
}

@media (max-width: 991px) {
  .axnv-presale-dashboard-layout {
    grid-template-columns: 1fr !important;
    gap: 40px !important;
  }
  .axnv-presale-info-panel {
    text-align: center !important;
  }
  .axnv-presale-description {
    margin: 0 auto 24px !important;
  }
  .axnv-presale-stats-grid {
    grid-template-columns: 1fr !important;
  }
}

/* ==========================================================================
   BENEFITS OF OWNING AXNV (Presale Page)
   ========================================================================== */
.axnv-benefits-section {
  padding: 80px 0 !important;
  position: relative !important;
}

.axnv-benefits-grid {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 22px !important;
  margin-top: 48px !important;
}

@media (max-width: 1100px) {
  .axnv-benefits-grid {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}

@media (max-width: 640px) {
  .axnv-benefits-grid {
    grid-template-columns: 1fr !important;
  }
}

.axnv-benefit-card {
  background: rgba(11, 19, 36, 0.6) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 18px !important;
  padding: 28px 24px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  backdrop-filter: blur(16px) !important;
  -webkit-backdrop-filter: blur(16px) !important;
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
  position: relative !important;
  overflow: hidden !important;
}

.axnv-benefit-card:hover {
  background: rgba(15, 23, 42, 0.75) !important;
  border-color: rgba(0, 240, 255, 0.35) !important;
  transform: translateY(-3px) !important;
  box-shadow: 0 16px 36px rgba(0, 0, 0, 0.4), 0 0 20px rgba(0, 240, 255, 0.08) !important;
}

.axnv-benefit-icon {
  width: 48px !important;
  height: 48px !important;
  min-width: 48px !important;
  min-height: 48px !important;
  max-width: 48px !important;
  max-height: 48px !important;
  border-radius: 12px !important;
  background: rgba(0, 240, 255, 0.08) !important;
  border: 1px solid rgba(0, 240, 255, 0.22) !important;
  color: var(--axio-neon-cyan, #00f0ff) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin-bottom: 20px !important;
  flex-shrink: 0 !important;
  box-shadow: 0 4px 12px rgba(0, 240, 255, 0.1) !important;
  transition: all 0.3s ease !important;
}

.axnv-benefit-card:hover .axnv-benefit-icon {
  background: rgba(0, 240, 255, 0.15) !important;
  border-color: rgba(0, 240, 255, 0.45) !important;
  transform: scale(1.05) !important;
  box-shadow: 0 6px 18px rgba(0, 240, 255, 0.2) !important;
}

.axnv-benefit-icon svg {
  width: 24px !important;
  height: 24px !important;
  min-width: 24px !important;
  min-height: 24px !important;
  max-width: 24px !important;
  max-height: 24px !important;
  display: block !important;
  stroke: currentColor !important;
  flex-shrink: 0 !important;
}

.axnv-benefit-card h3 {
  font-family: var(--axio-font-display, Orbitron, sans-serif) !important;
  font-size: 1.1rem !important;
  font-weight: 700 !important;
  color: #ffffff !important;
  margin: 0 0 10px !important;
  line-height: 1.35 !important;
  letter-spacing: -0.01em !important;
}

.axnv-benefit-card p {
  color: #94a3b8 !important;
  font-size: 0.92rem !important;
  line-height: 1.65 !important;
  margin: 0 !important;
}

.axnv-benefits-cta {
  margin-top: 50px !important;
  padding: 32px 36px !important;
  background: linear-gradient(135deg, rgba(15, 23, 42, 0.7), rgba(11, 19, 36, 0.85)) !important;
  border: 1px solid rgba(0, 240, 255, 0.2) !important;
  border-radius: 20px !important;
  backdrop-filter: blur(20px) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 24px !important;
  flex-wrap: wrap !important;
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.35) !important;
}

.axnv-benefits-cta p {
  color: #cbd5e1 !important;
  font-size: 1.05rem !important;
  margin: 0 !important;
  max-width: 650px !important;
  line-height: 1.6 !important;
}

.axnv-benefits-cta p strong {
  color: #ffffff !important;
  font-weight: 700 !important;
}

@media (max-width: 768px) {
  .axnv-benefits-cta {
    flex-direction: column !important;
    text-align: center !important;
    justify-content: center !important;
  }
}

/* ==========================================================================
   AXIONOVA STAKING PAGE — COMPLETE DARK GLASSMORPHIC DESIGN SYSTEM
   ========================================================================== */

/* Page Base & Section Structure */
.axnv-staking-page {
  background: #030712 !important;
  color: #f8fafc !important;
  font-family: var(--axio-font-body, Inter, -apple-system, sans-serif) !important;
  overflow-x: hidden !important;
}

.axnv-staking-container {
  max-width: 1240px !important;
  width: 100% !important;
  margin: 0 auto !important;
  padding: 0 24px !important;
  box-sizing: border-box !important;
}

.axnv-staking-section {
  position: relative !important;
  padding: 80px 0 !important;
}

/* Background Glowing Orbs */
.axnv-staking-orb {
  position: absolute !important;
  border-radius: 999px !important;
  filter: blur(80px) !important;
  opacity: 0.25 !important;
  pointer-events: none !important;
  z-index: 0 !important;
}

.axnv-staking-orb-one {
  width: 480px !important;
  height: 480px !important;
  top: 40px !important;
  left: -180px !important;
  background: #00f0ff !important;
}

.axnv-staking-orb-two {
  width: 440px !important;
  height: 440px !important;
  right: -140px !important;
  top: 180px !important;
  background: #0072ff !important;
}

/* Kickers across all sections */
.axnv-staking-kicker {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 6px 14px !important;
  border-radius: 999px !important;
  background: rgba(0, 240, 255, 0.08) !important;
  border: 1px solid rgba(0, 240, 255, 0.25) !important;
  color: var(--axio-neon-cyan, #00f0ff) !important;
  font-family: var(--axio-font-body, Inter, sans-serif) !important;
  font-size: 0.76rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.1em !important;
  text-transform: none !important;
  margin-bottom: 16px !important;
}

.axnv-staking-kicker span {
  width: 7px !important;
  height: 7px !important;
  border-radius: 50% !important;
  background: #00f0ff !important;
  box-shadow: 0 0 10px #00f0ff !important;
}

/* Section Headings */
.axnv-staking-section-heading {
  max-width: 820px !important;
  margin-bottom: 44px !important;
}

.axnv-staking-section-heading-center {
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: center !important;
}

.axnv-staking-section-heading-center .axnv-staking-kicker {
  margin-left: auto !important;
  margin-right: auto !important;
}

.axnv-staking-section-heading h2,
.axnv-staking-readiness-title,
.axnv-staking-split-card h2,
.axnv-staking-roadmap-card h2,
.axnv-staking-warning-card h2,
.axnv-staking-final-card h2 {
  font-family: var(--axio-font-display, Orbitron, sans-serif) !important;
  font-size: clamp(2rem, 3.4vw, 2.75rem) !important;
  font-weight: 800 !important;
  color: #ffffff !important;
  line-height: 1.2 !important;
  letter-spacing: -0.025em !important;
  margin: 14px 0 0 !important;
}

.axnv-staking-section-heading p,
.axnv-staking-readiness-card > p,
.axnv-staking-split-card p,
.axnv-staking-roadmap-card p,
.axnv-staking-warning-card p,
.axnv-staking-final-card p {
  color: #94a3b8 !important;
  font-size: 1.02rem !important;
  line-height: 1.7 !important;
  margin: 16px 0 0 !important;
}

/* HERO SECTION */
.axnv-staking-hero {
  position: relative !important;
  padding: 130px 0 80px !important;
  min-height: auto !important;
  background: radial-gradient(circle at 50% 0%, rgba(0, 240, 255, 0.08) 0%, rgba(2, 6, 23, 0.95) 70%) !important;
  overflow: hidden !important;
}

.axnv-staking-hero-layout {
  position: relative !important;
  z-index: 2 !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1.15fr) minmax(380px, 0.85fr) !important;
  gap: 48px !important;
  align-items: center !important;
}

.axnv-staking-hero-copy h1 {
  font-family: var(--axio-font-display, Orbitron, sans-serif) !important;
  font-size: clamp(2.4rem, 4.4vw, 3.8rem) !important;
  font-weight: 800 !important;
  color: #ffffff !important;
  line-height: 1.08 !important;
  letter-spacing: -0.03em !important;
  margin: 0 0 20px !important;
}

.axnv-staking-hero-copy h1 strong {
  display: block !important;
  background: linear-gradient(135deg, #00f0ff 0%, #0099ff 50%, #8b5cf6 100%) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  color: transparent !important;
  margin-top: 8px !important;
}

.axnv-staking-contract-info {
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
  margin: 24px 0 !important;
  padding: 18px 22px !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 16px !important;
  background: rgba(11, 19, 36, 0.55) !important;
  backdrop-filter: blur(16px) !important;
  -webkit-backdrop-filter: blur(16px) !important;
}

.axnv-staking-contract-row {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
}

.axnv-staking-contract-row span {
  color: #94a3b8 !important;
  font-size: 0.78rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.08em !important;
  text-transform: none !important;
}

.axnv-staking-contract-row code {
  background: rgba(0, 240, 255, 0.06) !important;
  border: 1px solid rgba(0, 240, 255, 0.22) !important;
  border-radius: 8px !important;
  padding: 6px 12px !important;
  color: var(--axio-neon-cyan, #00f0ff) !important;
  font-family: Fira Code, SF Mono, Monaco, monospace !important;
  font-size: 0.82rem !important;
  font-weight: 600 !important;
  word-break: break-all !important;
}

.axnv-staking-contract-row strong {
  color: #ffffff !important;
  font-family: var(--axio-font-display, Orbitron, sans-serif) !important;
  font-size: 1.15rem !important;
  font-weight: 700 !important;
}

.axnv-staking-hero-copy p {
  color: #94a3b8 !important;
  font-size: 1rem !important;
  line-height: 1.7 !important;
  margin: 0 0 28px !important;
}

/* BUTTONS ACROSS THE PAGE */
.axnv-staking-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 14px !important;
  align-items: center !important;
}

.axnv-staking-actions .axio-btn-primary,
.axnv-staking-actions .axnv-staking-btn-primary,
.axnv-staking-warning-actions .axnv-staking-btn-primary,
.axnv-staking-final-actions .axnv-staking-btn-primary {
  min-height: 50px !important;
  border-radius: 12px !important;
  padding: 0 24px !important;
  font-family: var(--axio-font-body, Inter, sans-serif) !important;
  font-size: 0.92rem !important;
  font-weight: 700 !important;
  background: linear-gradient(135deg, #00f0ff 0%, #0072ff 100%) !important;
  color: #050814 !important;
  border: none !important;
  box-shadow: 0 0 20px rgba(0, 240, 255, 0.35) !important;
  text-decoration: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: all 0.25s ease !important;
  cursor: pointer !important;
}

.axnv-staking-actions .axio-btn-primary:hover,
.axnv-staking-actions .axnv-staking-btn-primary:hover,
.axnv-staking-warning-actions .axnv-staking-btn-primary:hover,
.axnv-staking-final-actions .axnv-staking-btn-primary:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 0 30px rgba(0, 240, 255, 0.55) !important;
  color: #050814 !important;
}

.axnv-staking-actions .axnv-staking-btn-secondary,
.axnv-staking-warning-actions .axnv-staking-btn-secondary,
.axnv-staking-final-actions .axnv-staking-btn-secondary {
  min-height: 50px !important;
  border-radius: 12px !important;
  padding: 0 22px !important;
  font-family: var(--axio-font-body, Inter, sans-serif) !important;
  font-size: 0.92rem !important;
  font-weight: 700 !important;
  color: #ffffff !important;
  border: 1px solid rgba(255, 255, 255, 0.16) !important;
  background: rgba(255, 255, 255, 0.05) !important;
  backdrop-filter: blur(12px) !important;
  text-decoration: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: all 0.25s ease !important;
}

.axnv-staking-actions .axnv-staking-btn-secondary:hover,
.axnv-staking-warning-actions .axnv-staking-btn-secondary:hover,
.axnv-staking-final-actions .axnv-staking-btn-secondary:hover {
  border-color: rgba(0, 240, 255, 0.4) !important;
  color: #00f0ff !important;
  background: rgba(0, 240, 255, 0.08) !important;
  transform: translateY(-2px) !important;
}

/* STAKING DASHBOARD WIDGET */
.axnv-staking-dashboard {
  background: linear-gradient(180deg, rgba(13, 22, 44, 0.8) 0%, rgba(7, 13, 28, 0.92) 100%) !important;
  border: 1px solid rgba(0, 240, 255, 0.2) !important;
  border-radius: 24px !important;
  padding: 30px 28px !important;
  backdrop-filter: blur(24px) !important;
  -webkit-backdrop-filter: blur(24px) !important;
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.5), 0 0 40px rgba(0, 240, 255, 0.06) !important;
  position: relative !important;
  overflow: hidden !important;
}

.axnv-staking-status {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 6px 14px !important;
  border-radius: 999px !important;
  font-size: 0.75rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.08em !important;
  text-transform: none !important;
  border: 1px solid rgba(16, 185, 129, 0.3) !important;
  background: rgba(16, 185, 129, 0.1) !important;
  color: #34d399 !important;
  margin-bottom: 16px !important;
}

.axnv-staking-status > span:first-child {
  width: 7px !important;
  height: 7px !important;
  border-radius: 50% !important;
  background: #10b981 !important;
  box-shadow: 0 0 10px #10b981 !important;
}

.axnv-staking-status.is-closed {
  border-color: rgba(239, 68, 68, 0.3) !important;
  background: rgba(239, 68, 68, 0.1) !important;
  color: #f87171 !important;
}

.axnv-staking-status.is-closed > span:first-child {
  background: #ef4444 !important;
  box-shadow: 0 0 10px #ef4444 !important;
}

.axnv-staking-dashboard h2 {
  font-family: var(--axio-font-display, Orbitron, sans-serif) !important;
  font-size: 1.85rem !important;
  font-weight: 700 !important;
  color: #ffffff !important;
  margin: 0 0 8px !important;
  letter-spacing: -0.02em !important;
}

.axnv-staking-dashboard > p {
  color: #94a3b8 !important;
  font-size: 0.92rem !important;
  line-height: 1.6 !important;
  margin: 0 0 24px !important;
}

.axnv-staking-dashboard-panel {
  margin-top: 0 !important;
  border: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
  background: transparent !important;
}

.axnv-staking-balance-card {
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 16px !important;
  padding: 16px 20px !important;
  background: rgba(255, 255, 255, 0.035) !important;
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  margin-bottom: 20px !important;
}

.axnv-staking-balance-card span {
  color: #94a3b8 !important;
  font-size: 0.78rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.08em !important;
  text-transform: none !important;
  margin: 0 !important;
}

.axnv-staking-balance-card strong {
  font-family: var(--axio-font-display, Orbitron, sans-serif) !important;
  font-size: 1.45rem !important;
  color: var(--axio-neon-cyan, #00f0ff) !important;
  font-weight: 700 !important;
  margin: 0 !important;
}

.axnv-staking-form-label {
  display: block !important;
  color: #cbd5e1 !important;
  font-size: 0.8rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.06em !important;
  text-transform: none !important;
  margin: 18px 0 8px !important;
}

.axnv-staking-form-hint {
  color: #64748b !important;
  font-size: 0.78rem !important;
  margin: 6px 0 0 !important;
}

.axnv-staking-amount-row {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  background: rgba(0, 0, 0, 0.35) !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  border-radius: 14px !important;
  padding: 4px 6px 4px 16px !important;
  transition: all 0.2s ease !important;
}

.axnv-staking-amount-row:focus-within {
  border-color: rgba(0, 240, 255, 0.5) !important;
  box-shadow: 0 0 16px rgba(0, 240, 255, 0.12) !important;
}

.axnv-staking-amount-row input {
  flex: 1 !important;
  border: none !important;
  background: transparent !important;
  color: #ffffff !important;
  font-family: var(--axio-font-display, Orbitron, sans-serif) !important;
  font-size: 1.25rem !important;
  font-weight: 700 !important;
  padding: 10px 0 !important;
  outline: none !important;
  min-width: 0 !important;
}

.axnv-staking-amount-row button,
#axnvStakeMaxBtn {
  background: rgba(0, 240, 255, 0.1) !important;
  border: 1px solid rgba(0, 240, 255, 0.28) !important;
  border-radius: 10px !important;
  color: var(--axio-neon-cyan, #00f0ff) !important;
  font-size: 0.78rem !important;
  font-weight: 800 !important;
  padding: 8px 14px !important;
  cursor: pointer !important;
  text-transform: none !important;
  letter-spacing: 0.05em !important;
  transition: all 0.2s ease !important;
  outline: none !important;
}

#axnvStakeMaxBtn:hover,
#axnvStakeMaxBtn:focus {
  background: rgba(0, 240, 255, 0.2) !important;
  border-color: rgba(0, 240, 255, 0.5) !important;
  color: #ffffff !important;
}

.axnv-staking-tier-grid {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr) !important;
  gap: 10px !important;
  margin-top: 12px !important;
}

button.axnv-staking-tier-btn {
  background: rgba(255, 255, 255, 0.035) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 14px !important;
  padding: 14px !important;
  text-align: left !important;
  color: #94a3b8 !important;
  cursor: pointer !important;
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1) !important;
  outline: none !important;
}

button.axnv-staking-tier-btn:hover,
button.axnv-staking-tier-btn:focus {
  border-color: rgba(0, 240, 255, 0.3) !important;
  background: rgba(255, 255, 255, 0.06) !important;
  color: #ffffff !important;
}

button.axnv-staking-tier-btn strong {
  display: block !important;
  font-family: var(--axio-font-display, Orbitron, sans-serif) !important;
  font-size: 1rem !important;
  font-weight: 700 !important;
  color: #ffffff !important;
}

button.axnv-staking-tier-btn span {
  display: block !important;
  margin-top: 4px !important;
  font-size: 0.82rem !important;
  color: #94a3b8 !important;
}

button.axnv-staking-tier-btn.is-selected {
  background: rgba(0, 240, 255, 0.1) !important;
  border-color: rgba(0, 240, 255, 0.6) !important;
  box-shadow: 0 0 16px rgba(0, 240, 255, 0.18) !important;
}

button.axnv-staking-tier-btn.is-selected strong {
  color: var(--axio-neon-cyan, #00f0ff) !important;
}

button.axnv-staking-tier-btn.is-selected span {
  color: #67e8f9 !important;
  font-weight: 600 !important;
}

.axnv-staking-preview {
  margin-top: 20px !important;
  border: 1px solid rgba(255, 255, 255, 0.07) !important;
  border-radius: 16px !important;
  padding: 16px 18px !important;
  background: rgba(0, 0, 0, 0.25) !important;
}

.axnv-staking-preview-row {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 6px 0 !important;
  color: #94a3b8 !important;
  font-size: 0.88rem !important;
}

.axnv-staking-preview-row strong {
  color: #ffffff !important;
  font-weight: 600 !important;
}

.axnv-staking-preview-total {
  margin-top: 6px !important;
  padding-top: 10px !important;
  border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
}

.axnv-staking-preview-total strong {
  font-family: var(--axio-font-display, Orbitron, sans-serif) !important;
  color: var(--axio-neon-cyan, #00f0ff) !important;
  font-size: 1.1rem !important;
}

#axnvStakeConnectBtn,
#axnvStakeSubmitBtn {
  width: 100% !important;
  min-height: 52px !important;
  border-radius: 14px !important;
  background: linear-gradient(135deg, #00f0ff 0%, #0072ff 100%) !important;
  color: #050814 !important;
  font-family: var(--axio-font-display, Orbitron, sans-serif) !important;
  font-size: 0.95rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.05em !important;
  text-transform: none !important;
  border: none !important;
  cursor: pointer !important;
  box-shadow: 0 0 24px rgba(0, 240, 255, 0.35) !important;
  transition: all 0.25s ease !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin-top: 20px !important;
  outline: none !important;
}

#axnvStakeConnectBtn:hover,
#axnvStakeSubmitBtn:hover:not(:disabled) {
  transform: translateY(-2px) !important;
  box-shadow: 0 0 32px rgba(0, 240, 255, 0.55) !important;
}

#axnvStakeSubmitBtn:disabled {
  opacity: 0.45 !important;
  cursor: not-allowed !important;
  transform: none !important;
  box-shadow: none !important;
  background: rgba(255, 255, 255, 0.1) !important;
  color: rgba(255, 255, 255, 0.4) !important;
}

.axnv-staking-dashboard-meta {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 10px !important;
  margin-top: 20px !important;
}

.axnv-staking-dashboard-meta div {
  border: 1px solid rgba(255, 255, 255, 0.07) !important;
  border-radius: 14px !important;
  padding: 12px 10px !important;
  background: rgba(255, 255, 255, 0.03) !important;
  text-align: center !important;
}

.axnv-staking-dashboard-meta span {
  color: #64748b !important;
  font-size: 0.72rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.08em !important;
  text-transform: none !important;
  display: block !important;
}

.axnv-staking-dashboard-meta strong {
  display: block !important;
  margin-top: 4px !important;
  color: #ffffff !important;
  font-family: var(--axio-font-display, Orbitron, sans-serif) !important;
  font-size: 1rem !important;
  font-weight: 700 !important;
}

/* OVERVIEW SECTION */
.axnv-staking-overview-grid {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 20px !important;
}

.axnv-staking-feature-card,
.axnv-staking-info-card {
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 20px !important;
  background: rgba(11, 19, 36, 0.6) !important;
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.3) !important;
  backdrop-filter: blur(18px) !important;
  -webkit-backdrop-filter: blur(18px) !important;
  padding: 28px !important;
  display: flex !important;
  flex-direction: column !important;
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.axnv-staking-feature-card:hover,
.axnv-staking-info-card:hover {
  border-color: rgba(0, 240, 255, 0.35) !important;
  transform: translateY(-3px) !important;
  box-shadow: 0 20px 48px rgba(0, 0, 0, 0.45), 0 0 24px rgba(0, 240, 255, 0.08) !important;
}

.axnv-staking-feature-card {
  background: linear-gradient(145deg, rgba(13, 28, 62, 0.75), rgba(7, 14, 31, 0.88)) !important;
  border-color: rgba(0, 240, 255, 0.2) !important;
}

.axnv-staking-feature-card span,
.axnv-staking-info-card span {
  display: block !important;
  color: #64748b !important;
  font-size: 0.76rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.1em !important;
  text-transform: none !important;
}

.axnv-staking-feature-card strong {
  display: block !important;
  margin: 16px 0 12px !important;
  font-family: var(--axio-font-display, Orbitron, sans-serif) !important;
  font-size: clamp(1.8rem, 2.5vw, 2.3rem) !important;
  font-weight: 800 !important;
  color: var(--axio-neon-cyan, #00f0ff) !important;
  line-height: 1.15 !important;
  letter-spacing: -0.02em !important;
}

.axnv-staking-info-card strong {
  display: block !important;
  margin: 16px 0 12px !important;
  font-family: var(--axio-font-display, Orbitron, sans-serif) !important;
  font-size: 1.45rem !important;
  font-weight: 700 !important;
  color: #ffffff !important;
  line-height: 1.25 !important;
}

.axnv-staking-allocation-card strong {
  background: linear-gradient(135deg, #00f0ff 0%, #a855f7 100%) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  color: transparent !important;
}

.axnv-staking-feature-card p,
.axnv-staking-info-card p {
  color: #94a3b8 !important;
  font-size: 0.92rem !important;
  line-height: 1.65 !important;
  margin: 0 !important;
}

.axnv-staking-contract-address {
  margin-top: auto !important;
  padding-top: 18px !important;
  border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
}

.axnv-staking-contract-address code {
  display: block !important;
  padding: 8px 12px !important;
  background: rgba(0, 240, 255, 0.06) !important;
  border: 1px solid rgba(0, 240, 255, 0.2) !important;
  border-radius: 8px !important;
  color: var(--axio-neon-cyan, #00f0ff) !important;
  font-family: Fira Code, SF Mono, monospace !important;
  font-size: 0.76rem !important;
  font-weight: 600 !important;
  word-break: break-all !important;
}

/* READINESS CARD */
.axnv-staking-readiness-card {
  border: 1px solid rgba(0, 240, 255, 0.22) !important;
  border-radius: 24px !important;
  padding: clamp(32px, 5vw, 52px) !important;
  background: linear-gradient(145deg, rgba(13, 22, 44, 0.8), rgba(7, 13, 28, 0.92)) !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.4), 0 0 35px rgba(0, 240, 255, 0.05) !important;
}

.axnv-staking-readiness-contract {
  margin: 28px 0 !important;
  background: rgba(0, 0, 0, 0.3) !important;
}

.axnv-staking-readiness-note {
  border: 1px solid rgba(0, 240, 255, 0.2) !important;
  border-radius: 16px !important;
  padding: 20px 24px !important;
  background: rgba(0, 240, 255, 0.04) !important;
  margin-top: 24px !important;
}

.axnv-staking-readiness-note strong {
  display: block !important;
  color: var(--axio-neon-cyan, #00f0ff) !important;
  font-family: var(--axio-font-display, Orbitron, sans-serif) !important;
  font-size: 1rem !important;
  font-weight: 700 !important;
  margin-bottom: 6px !important;
}

.axnv-staking-readiness-note p {
  color: #94a3b8 !important;
  font-size: 0.94rem !important;
  line-height: 1.65 !important;
  margin: 0 !important;
}

/* MY POSITIONS */
#axnvPositionsConnectBtn {
  min-height: 50px !important;
  border-radius: 12px !important;
  padding: 0 28px !important;
  font-family: var(--axio-font-body, Inter, sans-serif) !important;
  font-size: 0.92rem !important;
  font-weight: 700 !important;
  background: linear-gradient(135deg, #00f0ff 0%, #0072ff 100%) !important;
  color: #050814 !important;
  border: none !important;
  box-shadow: 0 0 20px rgba(0, 240, 255, 0.35) !important;
  cursor: pointer !important;
  transition: all 0.25s ease !important;
}

#axnvPositionsConnectBtn:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 0 30px rgba(0, 240, 255, 0.55) !important;
}

.axnv-staking-positions-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(290px, 1fr)) !important;
  gap: 20px !important;
  margin-top: 36px !important;
}

.axnv-staking-position-card {
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 18px !important;
  padding: 24px !important;
  background: rgba(11, 19, 36, 0.65) !important;
  backdrop-filter: blur(16px) !important;
  transition: all 0.25s ease !important;
}

.axnv-staking-position-card:hover {
  border-color: rgba(0, 240, 255, 0.35) !important;
  transform: translateY(-3px) !important;
  box-shadow: 0 16px 36px rgba(0, 0, 0, 0.4) !important;
}

.axnv-staking-position-amount {
  font-family: var(--axio-font-display, Orbitron, sans-serif) !important;
  font-size: 1.4rem !important;
  color: #ffffff !important;
  font-weight: 700 !important;
}

.axnv-staking-position-badge {
  border-radius: 999px !important;
  padding: 4px 12px !important;
  font-size: 0.72rem !important;
  font-weight: 700 !important;
  text-transform: none !important;
  background: rgba(255, 255, 255, 0.08) !important;
  color: #cbd5e1 !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
}

.axnv-staking-position-badge.is-matured {
  color: #050814 !important;
  background: #10b981 !important;
  border-color: #10b981 !important;
}

/* PRE-TGE MODEL (SPLIT CARD) */
.axnv-staking-split-card,
.axnv-staking-roadmap-card {
  display: grid !important;
  grid-template-columns: 0.95fr 1.05fr !important;
  gap: 48px !important;
  align-items: center !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 24px !important;
  padding: clamp(32px, 5vw, 52px) !important;
  background: linear-gradient(145deg, rgba(13, 22, 44, 0.75), rgba(7, 13, 28, 0.9)) !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.4) !important;
}

.axnv-staking-model-list {
  display: grid !important;
  gap: 16px !important;
}

.axnv-staking-model-list article {
  display: grid !important;
  grid-template-columns: 50px 1fr !important;
  gap: 18px !important;
  align-items: flex-start !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 18px !important;
  padding: 20px !important;
  background: rgba(11, 19, 36, 0.55) !important;
  transition: all 0.25s ease !important;
}

.axnv-staking-model-list article:hover {
  border-color: rgba(0, 240, 255, 0.3) !important;
  transform: translateX(4px) !important;
  background: rgba(15, 26, 52, 0.7) !important;
}

.axnv-staking-model-list article > span {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 44px !important;
  height: 44px !important;
  border: 1px solid rgba(0, 240, 255, 0.3) !important;
  border-radius: 12px !important;
  color: var(--axio-neon-cyan, #00f0ff) !important;
  font-family: var(--axio-font-display, Orbitron, sans-serif) !important;
  font-weight: 800 !important;
  font-size: 1.05rem !important;
  background: rgba(0, 240, 255, 0.08) !important;
}

.axnv-staking-model-list h3 {
  margin: 0 0 6px !important;
  font-family: var(--axio-font-display, Orbitron, sans-serif) !important;
  color: #ffffff !important;
  font-size: 1.15rem !important;
  font-weight: 700 !important;
}

.axnv-staking-model-list p {
  color: #94a3b8 !important;
  font-size: 0.92rem !important;
  line-height: 1.65 !important;
  margin: 0 !important;
}

/* LOCK DURATION GRID */
.axnv-staking-lock-grid {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 20px !important;
}

.axnv-staking-lock-grid article {
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 20px !important;
  background: rgba(11, 19, 36, 0.6) !important;
  padding: 28px 24px !important;
  backdrop-filter: blur(16px) !important;
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
  display: flex !important;
  flex-direction: column !important;
}

.axnv-staking-lock-grid article:hover {
  transform: translateY(-4px) !important;
  border-color: rgba(0, 240, 255, 0.4) !important;
  box-shadow: 0 18px 42px rgba(0, 0, 0, 0.4), 0 0 20px rgba(0, 240, 255, 0.08) !important;
}

.axnv-staking-lock-grid span {
  color: #64748b !important;
  font-size: 0.76rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.1em !important;
  text-transform: none !important;
  display: block !important;
}

.axnv-staking-lock-grid strong {
  display: block !important;
  margin: 14px 0 10px !important;
  color: var(--axio-neon-cyan, #00f0ff) !important;
  font-family: var(--axio-font-display, Orbitron, sans-serif) !important;
  font-size: 1.85rem !important;
  font-weight: 800 !important;
  letter-spacing: -0.02em !important;
}

.axnv-staking-lock-grid p {
  color: #94a3b8 !important;
  font-size: 0.92rem !important;
  line-height: 1.6 !important;
  margin: 0 !important;
}

/* SECURITY GRID */
.axnv-staking-security-grid {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 20px !important;
}

.axnv-staking-security-grid article {
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 20px !important;
  background: rgba(11, 19, 36, 0.6) !important;
  padding: 30px !important;
  backdrop-filter: blur(16px) !important;
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.axnv-staking-security-grid article:hover {
  transform: translateY(-3px) !important;
  border-color: rgba(0, 240, 255, 0.35) !important;
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.4) !important;
}

.axnv-staking-icon {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 48px !important;
  height: 48px !important;
  margin-bottom: 20px !important;
  border: 1px solid rgba(0, 240, 255, 0.3) !important;
  border-radius: 14px !important;
  color: var(--axio-neon-cyan, #00f0ff) !important;
  font-size: 1.25rem !important;
  font-weight: 600 !important;
  background: rgba(0, 240, 255, 0.08) !important;
}

.axnv-staking-security-grid h3 {
  margin: 0 0 10px !important;
  color: #ffffff !important;
  font-family: var(--axio-font-display, Orbitron, sans-serif) !important;
  font-size: 1.2rem !important;
  font-weight: 700 !important;
}

.axnv-staking-security-grid p {
  color: #94a3b8 !important;
  font-size: 0.94rem !important;
  line-height: 1.65 !important;
  margin: 0 !important;
}

/* ROADMAP (NEXT GRID) */
.axnv-staking-next-grid {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr) !important;
  gap: 16px !important;
}

.axnv-staking-next-grid article {
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 18px !important;
  padding: 22px !important;
  background: rgba(11, 19, 36, 0.55) !important;
  transition: all 0.25s ease !important;
}

.axnv-staking-next-grid article:hover {
  border-color: rgba(0, 240, 255, 0.35) !important;
  transform: translateY(-2px) !important;
}

.axnv-staking-next-grid span {
  color: var(--axio-neon-cyan, #00f0ff) !important;
  font-family: var(--axio-font-display, Orbitron, sans-serif) !important;
  font-size: 0.78rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.08em !important;
  text-transform: none !important;
}

.axnv-staking-next-grid strong {
  display: block !important;
  margin-top: 8px !important;
  color: #ffffff !important;
  font-family: var(--axio-font-display, Orbitron, sans-serif) !important;
  font-size: 1.05rem !important;
  font-weight: 700 !important;
  line-height: 1.4 !important;
}

/* WARNING CARD */
.axnv-staking-warning-card {
  display: grid !important;
  grid-template-columns: auto 1fr !important;
  gap: 32px !important;
  align-items: flex-start !important;
  border: 1px solid rgba(245, 158, 11, 0.25) !important;
  border-radius: 24px !important;
  padding: clamp(32px, 5vw, 48px) !important;
  background: linear-gradient(145deg, rgba(28, 20, 8, 0.75), rgba(16, 12, 5, 0.9)) !important;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.4) !important;
  backdrop-filter: blur(18px) !important;
  -webkit-backdrop-filter: blur(18px) !important;
}

.axnv-staking-warning-icon {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 54px !important;
  height: 54px !important;
  border: 1px solid rgba(245, 158, 11, 0.4) !important;
  border-radius: 16px !important;
  color: #fbbf24 !important;
  font-family: var(--axio-font-display, Orbitron, sans-serif) !important;
  font-size: 1.6rem !important;
  font-weight: 600 !important;
  background: rgba(245, 158, 11, 0.1) !important;
}

.axnv-staking-warning-card ul {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 12px 24px !important;
  margin: 24px 0 0 !important;
  padding-left: 20px !important;
  color: #cbd5e1 !important;
  line-height: 1.7 !important;
}

/* FINAL CTA SECTION */
.axnv-staking-final {
  padding: 40px 0 100px !important;
}

.axnv-staking-final-card {
  position: relative !important;
  overflow: hidden !important;
  border: 1px solid rgba(0, 240, 255, 0.25) !important;
  border-radius: 28px !important;
  padding: clamp(36px, 6vw, 64px) !important;
  text-align: center !important;
  background: linear-gradient(145deg, rgba(13, 22, 44, 0.8), rgba(7, 13, 28, 0.95)) !important;
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.5), 0 0 50px rgba(0, 240, 255, 0.08) !important;
  backdrop-filter: blur(20px) !important;
}

.axnv-staking-final-card .axnv-staking-kicker,
.axnv-staking-final-actions {
  margin-left: auto !important;
  margin-right: auto !important;
  justify-content: center !important;
}

.axnv-staking-final-card p {
  max-width: 760px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  color: #94a3b8 !important;
  font-size: 1.05rem !important;
  line-height: 1.7 !important;
}

/* RESPONSIVE BREAKPOINTS */
@media (max-width: 1040px) {
  .axnv-staking-hero-layout,
  .axnv-staking-split-card,
  .axnv-staking-roadmap-card {
    grid-template-columns: 1fr !important;
    gap: 36px !important;
  }

  .axnv-staking-overview-grid,
  .axnv-staking-lock-grid,
  .axnv-staking-security-grid {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}

@media (max-width: 640px) {
  .axnv-staking-overview-grid,
  .axnv-staking-lock-grid,
  .axnv-staking-security-grid,
  .axnv-staking-next-grid,
  .axnv-staking-warning-card ul {
    grid-template-columns: 1fr !important;
  }

  .axnv-staking-warning-card {
    grid-template-columns: 1fr !important;
  }

  .axnv-staking-amount-row {
    flex-wrap: wrap !important;
  }

  .axnv-staking-tier-grid {
    grid-template-columns: 1fr !important;
  }
}

/* ==========================================================================
   AXIONOVA AIRDROP PAGE — COMPLETE DARK GLASSMORPHIC DESIGN SYSTEM
   ========================================================================== */

/* Page Base & Section Structure */
.axnv-airdrop-page {
  background: #030712 !important;
  color: #f8fafc !important;
  font-family: var(--axio-font-body, Inter, -apple-system, sans-serif) !important;
  overflow-x: hidden !important;
}

.axnv-airdrop-container {
  max-width: 1240px !important;
  width: 100% !important;
  margin: 0 auto !important;
  padding: 0 24px !important;
  box-sizing: border-box !important;
}

.axnv-airdrop-section {
  position: relative !important;
  padding: 80px 0 !important;
}

/* Background Glowing Orbs */
.axnv-airdrop-bg-glow {
  position: absolute !important;
  border-radius: 999px !important;
  filter: blur(80px) !important;
  opacity: 0.25 !important;
  pointer-events: none !important;
  z-index: 0 !important;
}

.axnv-airdrop-bg-glow-one {
  width: 480px !important;
  height: 480px !important;
  top: 40px !important;
  left: -180px !important;
  background: #00f0ff !important;
}

.axnv-airdrop-bg-glow-two {
  width: 440px !important;
  height: 440px !important;
  right: -140px !important;
  top: 180px !important;
  background: #0072ff !important;
}

/* Eyebrows / Kickers across all sections */
.axnv-airdrop-eyebrow {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 6px 14px !important;
  border-radius: 999px !important;
  background: rgba(0, 240, 255, 0.08) !important;
  border: 1px solid rgba(0, 240, 255, 0.25) !important;
  color: var(--axio-neon-cyan, #00f0ff) !important;
  font-family: var(--axio-font-body, Inter, sans-serif) !important;
  font-size: 0.76rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.1em !important;
  text-transform: none !important;
  margin-bottom: 16px !important;
}

.axnv-airdrop-eyebrow span {
  width: 7px !important;
  height: 7px !important;
  border-radius: 50% !important;
  background: #00f0ff !important;
  box-shadow: 0 0 10px #00f0ff !important;
}

/* Section Headings */
.axnv-airdrop-section-heading {
  max-width: 820px !important;
  margin-bottom: 44px !important;
}

.axnv-airdrop-hero-content h1,
.axnv-airdrop-section-heading h2,
.axnv-airdrop-dashboard-card .axnv-airdrop-section-heading h2,
.axnv-airdrop-community-card h2,
.axnv-airdrop-security-box h2,
.axnv-airdrop-final-card h2 {
  font-family: var(--axio-font-display, Orbitron, sans-serif) !important;
  font-size: clamp(2rem, 3.4vw, 2.75rem) !important;
  font-weight: 800 !important;
  color: #ffffff !important;
  line-height: 1.2 !important;
  letter-spacing: -0.025em !important;
  margin: 14px 0 0 !important;
}

.axnv-airdrop-section-heading p,
.axnv-airdrop-community-card p,
.axnv-airdrop-security-box p,
.axnv-airdrop-final-card p {
  color: #94a3b8 !important;
  font-size: 1.02rem !important;
  line-height: 1.7 !important;
  margin: 16px 0 0 !important;
}

/* HERO SECTION */
.axnv-airdrop-hero {
  position: relative !important;
  padding: 130px 0 80px !important;
  min-height: auto !important;
  background: radial-gradient(circle at 50% 0%, rgba(0, 240, 255, 0.08) 0%, rgba(2, 6, 23, 0.95) 70%) !important;
  overflow: hidden !important;
}

.axnv-airdrop-hero-grid {
  position: relative !important;
  z-index: 2 !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1.05fr) minmax(380px, 0.95fr) !important;
  gap: 48px !important;
  align-items: center !important;
}

.axnv-airdrop-hero-content h1 {
  font-family: var(--axio-font-display, Orbitron, sans-serif) !important;
  font-size: clamp(2.4rem, 4.4vw, 3.8rem) !important;
  font-weight: 800 !important;
  color: #ffffff !important;
  line-height: 1.08 !important;
  letter-spacing: -0.03em !important;
  margin: 0 0 20px !important;
}

.axnv-airdrop-hero-content > p {
  color: #94a3b8 !important;
  font-size: 1.05rem !important;
  line-height: 1.7 !important;
  margin: 0 0 28px !important;
  max-width: 640px !important;
}

.axnv-airdrop-hero-note {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  margin-top: 28px !important;
  padding: 14px 18px !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 14px !important;
  background: rgba(11, 19, 36, 0.55) !important;
  backdrop-filter: blur(14px) !important;
  color: #94a3b8 !important;
  font-size: 0.88rem !important;
  line-height: 1.6 !important;
}

.axnv-airdrop-hero-note span {
  flex-shrink: 0 !important;
  border: 1px solid rgba(0, 240, 255, 0.3) !important;
  border-radius: 999px !important;
  padding: 4px 10px !important;
  color: var(--axio-neon-cyan, #00f0ff) !important;
  font-size: 0.72rem !important;
  font-weight: 700 !important;
  text-transform: none !important;
  letter-spacing: 0.06em !important;
  background: rgba(0, 240, 255, 0.08) !important;
}

/* BUTTONS ACROSS THE AIRDROP PAGE */
.axnv-airdrop-hero-actions,
.axnv-airdrop-final-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 14px !important;
  align-items: center !important;
}

.axnv-airdrop-btn,
.axio-btn-primary.axio-btn,
.axnv-airdrop-btn-primary {
  min-height: 50px !important;
  border-radius: 12px !important;
  padding: 0 24px !important;
  font-family: var(--axio-font-body, Inter, sans-serif) !important;
  font-size: 0.92rem !important;
  font-weight: 700 !important;
  background: linear-gradient(135deg, #00f0ff 0%, #0072ff 100%) !important;
  color: #050814 !important;
  border: none !important;
  box-shadow: 0 0 20px rgba(0, 240, 255, 0.35) !important;
  text-decoration: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: all 0.25s ease !important;
  cursor: pointer !important;
}

.axnv-airdrop-btn:hover,
.axio-btn-primary.axio-btn:hover,
.axnv-airdrop-btn-primary:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 0 30px rgba(0, 240, 255, 0.55) !important;
  color: #050814 !important;
}

.axnv-airdrop-btn-secondary {
  min-height: 50px !important;
  border-radius: 12px !important;
  padding: 0 22px !important;
  font-family: var(--axio-font-body, Inter, sans-serif) !important;
  font-size: 0.92rem !important;
  font-weight: 700 !important;
  color: #ffffff !important;
  border: 1px solid rgba(255, 255, 255, 0.16) !important;
  background: rgba(255, 255, 255, 0.05) !important;
  backdrop-filter: blur(12px) !important;
  text-decoration: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: all 0.25s ease !important;
}

.axnv-airdrop-btn-secondary:hover {
  border-color: rgba(0, 240, 255, 0.4) !important;
  color: #00f0ff !important;
  background: rgba(0, 240, 255, 0.08) !important;
  transform: translateY(-2px) !important;
}

/* AIRDROP CLAIM DASHBOARD WIDGET */
#axnv-airdrop-dashboard {
  padding: 0 !important;
  width: 100% !important;
}

#axnv-airdrop-dashboard .axnv-airdrop-container {
  width: 100% !important;
  max-width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
}

.axnv-airdrop-dashboard-card {
  width: 100% !important;
  box-sizing: border-box !important;
  padding: 30px 28px !important;
  border: 1px solid rgba(0, 240, 255, 0.2) !important;
  border-radius: 24px !important;
  background: linear-gradient(180deg, rgba(13, 22, 44, 0.8) 0%, rgba(7, 13, 28, 0.92) 100%) !important;
  backdrop-filter: blur(24px) !important;
  -webkit-backdrop-filter: blur(24px) !important;
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.5), 0 0 40px rgba(0, 240, 255, 0.06) !important;
  position: relative !important;
  overflow: hidden !important;
}

.axnv-airdrop-dashboard-card .axnv-airdrop-section-heading {
  margin-bottom: 22px !important;
}

.axnv-airdrop-dashboard-card .axnv-airdrop-section-heading h2 {
  font-family: var(--axio-font-display, Orbitron, sans-serif) !important;
  font-size: 1.6rem !important;
  font-weight: 700 !important;
  color: #ffffff !important;
  margin: 0 0 8px !important;
  letter-spacing: -0.02em !important;
}

.axnv-airdrop-dashboard-card .axnv-airdrop-section-heading p {
  color: #94a3b8 !important;
  font-size: 0.9rem !important;
  line-height: 1.6 !important;
  margin: 0 !important;
}

/* Wallet Row in Dashboard */
.axnv-airdrop-wallet-row {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  flex-wrap: wrap !important;
  gap: 14px !important;
  padding: 16px 20px !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 16px !important;
  background: rgba(255, 255, 255, 0.035) !important;
  margin-bottom: 22px !important;
}

#axnvConnectWallet {
  min-height: 44px !important;
  border-radius: 10px !important;
  padding: 0 20px !important;
  font-family: var(--axio-font-body, Inter, sans-serif) !important;
  font-size: 0.88rem !important;
  font-weight: 700 !important;
  background: linear-gradient(135deg, #00f0ff 0%, #0072ff 100%) !important;
  color: #050814 !important;
  border: none !important;
  box-shadow: 0 0 16px rgba(0, 240, 255, 0.35) !important;
  cursor: pointer !important;
  transition: all 0.25s ease !important;
}

#axnvConnectWallet:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 0 24px rgba(0, 240, 255, 0.55) !important;
}

.axnv-airdrop-wallet-details {
  display: flex !important;
  flex-direction: column !important;
  gap: 4px !important;
}

.axnv-airdrop-wallet-line {
  color: #94a3b8 !important;
  font-size: 0.82rem !important;
  font-family: Fira Code, SF Mono, monospace !important;
}

/* Dashboard 12-Stat Grid */
.axnv-airdrop-dashboard-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 12px !important;
  margin: 20px 0 !important;
}

.axnv-airdrop-stat-box {
  border: 1px solid rgba(255, 255, 255, 0.07) !important;
  border-radius: 14px !important;
  padding: 12px 14px !important;
  background: rgba(255, 255, 255, 0.03) !important;
  transition: all 0.2s ease !important;
}

.axnv-airdrop-stat-box:hover {
  border-color: rgba(0, 240, 255, 0.25) !important;
  background: rgba(255, 255, 255, 0.05) !important;
}

.axnv-airdrop-stat-box span {
  display: block !important;
  color: #64748b !important;
  font-size: 0.72rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.08em !important;
  text-transform: none !important;
}

.axnv-airdrop-stat-box strong {
  display: block !important;
  margin-top: 6px !important;
  color: #ffffff !important;
  font-family: var(--axio-font-display, Orbitron, sans-serif) !important;
  font-size: 1.05rem !important;
  font-weight: 700 !important;
}

.axnv-airdrop-stat-box strong#axnvEligibility {
  color: var(--axio-neon-cyan, #00f0ff) !important;
}

.axnv-airdrop-stat-box strong#axnvClaimable {
  color: #10b981 !important;
}

/* Airdrop Claim Button */
#axnvClaimButton {
  width: 100% !important;
  min-height: 52px !important;
  border-radius: 14px !important;
  background: linear-gradient(135deg, #00f0ff 0%, #0072ff 100%) !important;
  color: #050814 !important;
  font-family: var(--axio-font-display, Orbitron, sans-serif) !important;
  font-size: 0.95rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.05em !important;
  text-transform: none !important;
  border: none !important;
  cursor: pointer !important;
  box-shadow: 0 0 24px rgba(0, 240, 255, 0.35) !important;
  transition: all 0.25s ease !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin-top: 20px !important;
}

#axnvClaimButton:hover:not(:disabled) {
  transform: translateY(-2px) !important;
  box-shadow: 0 0 32px rgba(0, 240, 255, 0.55) !important;
}

#axnvClaimButton:disabled {
  opacity: 0.45 !important;
  cursor: not-allowed !important;
  transform: none !important;
  box-shadow: none !important;
  background: rgba(255, 255, 255, 0.1) !important;
  color: rgba(255, 255, 255, 0.4) !important;
}

/* OVERVIEW SECTION */
.axnv-airdrop-overview-grid {
  display: grid !important;
  grid-template-columns: 1.2fr 0.9fr 0.9fr !important;
  gap: 20px !important;
}

.axnv-airdrop-featured-stat,
.axnv-airdrop-overview-card {
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 20px !important;
  background: rgba(11, 19, 36, 0.6) !important;
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.3) !important;
  backdrop-filter: blur(18px) !important;
  -webkit-backdrop-filter: blur(18px) !important;
  padding: 30px !important;
  display: flex !important;
  flex-direction: column !important;
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.axnv-airdrop-featured-stat:hover,
.axnv-airdrop-overview-card:hover {
  border-color: rgba(0, 240, 255, 0.35) !important;
  transform: translateY(-3px) !important;
  box-shadow: 0 20px 48px rgba(0, 0, 0, 0.45), 0 0 24px rgba(0, 240, 255, 0.08) !important;
}

.axnv-airdrop-featured-stat {
  background: linear-gradient(145deg, rgba(13, 28, 62, 0.75), rgba(7, 14, 31, 0.88)) !important;
  border-color: rgba(0, 240, 255, 0.2) !important;
}

.axnv-airdrop-featured-stat span {
  color: #64748b !important;
  font-size: 0.76rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.1em !important;
  text-transform: none !important;
  display: block !important;
}

.axnv-airdrop-featured-stat strong {
  display: block !important;
  margin: 16px 0 12px !important;
  font-family: var(--axio-font-display, Orbitron, sans-serif) !important;
  font-size: clamp(2rem, 3.2vw, 2.8rem) !important;
  font-weight: 800 !important;
  color: var(--axio-neon-cyan, #00f0ff) !important;
  line-height: 1.15 !important;
  letter-spacing: -0.02em !important;
}

.axnv-airdrop-overview-card h3 {
  margin: 0 0 12px !important;
  font-family: var(--axio-font-display, Orbitron, sans-serif) !important;
  color: #ffffff !important;
  font-size: 1.25rem !important;
  font-weight: 700 !important;
}

.axnv-airdrop-featured-stat p,
.axnv-airdrop-overview-card p {
  color: #94a3b8 !important;
  font-size: 0.94rem !important;
  line-height: 1.65 !important;
  margin: 0 !important;
}

/* RECEIVER GUIDE SECTION */
.axnv-airdrop-steps {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 20px !important;
}

.axnv-airdrop-step {
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 20px !important;
  background: rgba(11, 19, 36, 0.6) !important;
  padding: 28px 24px !important;
  backdrop-filter: blur(16px) !important;
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
  display: flex !important;
  flex-direction: column !important;
}

.axnv-airdrop-step:hover {
  transform: translateY(-4px) !important;
  border-color: rgba(0, 240, 255, 0.4) !important;
  box-shadow: 0 18px 42px rgba(0, 0, 0, 0.4), 0 0 20px rgba(0, 240, 255, 0.08) !important;
}

.axnv-airdrop-step-number {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 48px !important;
  height: 48px !important;
  margin-bottom: 20px !important;
  border: 1px solid rgba(0, 240, 255, 0.3) !important;
  border-radius: 14px !important;
  color: var(--axio-neon-cyan, #00f0ff) !important;
  font-family: var(--axio-font-display, Orbitron, sans-serif) !important;
  font-size: 1.1rem !important;
  font-weight: 800 !important;
  background: rgba(0, 240, 255, 0.08) !important;
}

.axnv-airdrop-step h3 {
  margin: 0 0 10px !important;
  font-family: var(--axio-font-display, Orbitron, sans-serif) !important;
  color: #ffffff !important;
  font-size: 1.15rem !important;
  font-weight: 700 !important;
}

.axnv-airdrop-step p {
  color: #94a3b8 !important;
  font-size: 0.92rem !important;
  line-height: 1.65 !important;
  margin: 0 !important;
}

.axnv-airdrop-receiver-note {
  margin-top: 36px !important;
}

/* ECOSYSTEM SECTION */
.axnv-airdrop-ecosystem-grid {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 20px !important;
}

.axnv-airdrop-ecosystem-card {
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 20px !important;
  background: rgba(11, 19, 36, 0.6) !important;
  padding: 30px !important;
  backdrop-filter: blur(16px) !important;
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.axnv-airdrop-ecosystem-card:hover {
  transform: translateY(-3px) !important;
  border-color: rgba(0, 240, 255, 0.35) !important;
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.4) !important;
}

.axnv-airdrop-icon {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 48px !important;
  height: 48px !important;
  margin-bottom: 20px !important;
  border: 1px solid rgba(0, 240, 255, 0.3) !important;
  border-radius: 14px !important;
  color: var(--axio-neon-cyan, #00f0ff) !important;
  font-size: 1.25rem !important;
  font-weight: 600 !important;
  background: rgba(0, 240, 255, 0.08) !important;
}

.axnv-airdrop-ecosystem-card h3 {
  margin: 0 0 10px !important;
  color: #ffffff !important;
  font-family: var(--axio-font-display, Orbitron, sans-serif) !important;
  font-size: 1.2rem !important;
  font-weight: 700 !important;
}

.axnv-airdrop-ecosystem-card p {
  color: #94a3b8 !important;
  font-size: 0.94rem !important;
  line-height: 1.65 !important;
  margin: 0 !important;
}

/* COMMUNITY SPLIT CARD */
.axnv-airdrop-community-card {
  display: grid !important;
  grid-template-columns: 0.95fr 1.05fr !important;
  gap: 48px !important;
  align-items: center !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 24px !important;
  padding: clamp(32px, 5vw, 52px) !important;
  background: linear-gradient(145deg, rgba(13, 22, 44, 0.75), rgba(7, 13, 28, 0.9)) !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.4) !important;
}

.axnv-airdrop-community-card h2 {
  font-family: var(--axio-font-display, Orbitron, sans-serif) !important;
  font-size: clamp(1.8rem, 3vw, 2.4rem) !important;
  font-weight: 800 !important;
  color: #ffffff !important;
  line-height: 1.25 !important;
}

.axnv-airdrop-community-copy p {
  color: #94a3b8 !important;
  font-size: 1rem !important;
  line-height: 1.7 !important;
  margin: 0 0 16px !important;
}

/* CHANNELS SECTION */
.axnv-airdrop-channel-grid {
  display: grid !important;
  grid-template-columns: 1.15fr 0.9fr 0.9fr !important;
  gap: 20px !important;
}

.axnv-airdrop-channel-card {
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 20px !important;
  background: rgba(11, 19, 36, 0.6) !important;
  padding: 30px !important;
  backdrop-filter: blur(16px) !important;
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
  display: flex !important;
  flex-direction: column !important;
}

.axnv-airdrop-channel-card:hover {
  transform: translateY(-3px) !important;
  border-color: rgba(0, 240, 255, 0.35) !important;
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.4) !important;
}

.axnv-airdrop-channel-primary {
  background: linear-gradient(145deg, rgba(13, 28, 62, 0.75), rgba(7, 14, 31, 0.88)) !important;
  border-color: rgba(0, 240, 255, 0.25) !important;
}

.axnv-airdrop-channel-card span {
  color: var(--axio-neon-cyan, #00f0ff) !important;
  font-size: 0.76rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.1em !important;
  text-transform: none !important;
  margin-bottom: 12px !important;
  display: block !important;
}

.axnv-airdrop-channel-card h3 {
  margin: 0 0 10px !important;
  font-family: var(--axio-font-display, Orbitron, sans-serif) !important;
  color: #ffffff !important;
  font-size: 1.25rem !important;
  font-weight: 700 !important;
}

.axnv-airdrop-channel-card p {
  color: #94a3b8 !important;
  font-size: 0.92rem !important;
  line-height: 1.65 !important;
  margin: 0 0 20px !important;
}

.axnv-airdrop-channel-card .axnv-airdrop-btn {
  margin-top: auto !important;
}

/* SECURITY BOX */
.axnv-airdrop-security-box {
  display: grid !important;
  grid-template-columns: auto 1fr !important;
  gap: 32px !important;
  align-items: flex-start !important;
  border: 1px solid rgba(245, 158, 11, 0.25) !important;
  border-radius: 24px !important;
  padding: clamp(32px, 5vw, 48px) !important;
  background: linear-gradient(145deg, rgba(28, 20, 8, 0.75), rgba(16, 12, 5, 0.9)) !important;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.4) !important;
  backdrop-filter: blur(18px) !important;
  -webkit-backdrop-filter: blur(18px) !important;
}

.axnv-airdrop-security-icon {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 54px !important;
  height: 54px !important;
  border: 1px solid rgba(245, 158, 11, 0.4) !important;
  border-radius: 16px !important;
  color: #fbbf24 !important;
  font-family: var(--axio-font-display, Orbitron, sans-serif) !important;
  font-size: 1.6rem !important;
  font-weight: 600 !important;
  background: rgba(245, 158, 11, 0.1) !important;
}

.axnv-airdrop-security-box ul {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 12px 24px !important;
  margin: 20px 0 0 !important;
  padding-left: 20px !important;
  color: #cbd5e1 !important;
  line-height: 1.7 !important;
}

/* FINAL CTA SECTION */
.axnv-airdrop-final-cta {
  padding: 40px 0 100px !important;
}

.axnv-airdrop-final-card {
  position: relative !important;
  overflow: hidden !important;
  border: 1px solid rgba(0, 240, 255, 0.25) !important;
  border-radius: 28px !important;
  padding: clamp(36px, 6vw, 64px) !important;
  text-align: center !important;
  background: linear-gradient(145deg, rgba(13, 22, 44, 0.8), rgba(7, 13, 28, 0.95)) !important;
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.5), 0 0 50px rgba(0, 240, 255, 0.08) !important;
  backdrop-filter: blur(20px) !important;
}

.axnv-airdrop-final-actions {
  margin-left: auto !important;
  margin-right: auto !important;
  justify-content: center !important;
  margin-top: 28px !important;
}

.axnv-airdrop-final-card p {
  max-width: 760px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  color: #94a3b8 !important;
  font-size: 1.05rem !important;
  line-height: 1.7 !important;
}

/* RESPONSIVE BREAKPOINTS */
@media (max-width: 1040px) {
  .axnv-airdrop-hero-grid,
  .axnv-airdrop-community-card {
    grid-template-columns: 1fr !important;
    gap: 36px !important;
  }

  .axnv-airdrop-overview-grid,
  .axnv-airdrop-steps,
  .axnv-airdrop-ecosystem-grid,
  .axnv-airdrop-channel-grid {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}

@media (max-width: 640px) {
  .axnv-airdrop-overview-grid,
  .axnv-airdrop-steps,
  .axnv-airdrop-ecosystem-grid,
  .axnv-airdrop-channel-grid,
  .axnv-airdrop-security-box ul,
  .axnv-airdrop-dashboard-grid {
    grid-template-columns: 1fr !important;
  }

  .axnv-airdrop-security-box {
    grid-template-columns: 1fr !important;
  }
}

/* ==========================================================================
   AXIONOVA TOKENOMICS PAGE — COMPLETE DARK GLASSMORPHIC DESIGN SYSTEM
   ========================================================================== */

/* Page Base & Section Structure */
.axnv-tokenomics-page {
  background: #030712 !important;
  color: #f8fafc !important;
  font-family: var(--axio-font-body, Inter, -apple-system, sans-serif) !important;
  overflow-x: hidden !important;
  line-height: 1.6 !important;
}

.axnv-tokenomics-page a {
  color: inherit !important;
  text-decoration: none !important;
}

.axnv-tokenomics-container {
  max-width: 1240px !important;
  width: 100% !important;
  margin: 0 auto !important;
  padding: 0 24px !important;
  box-sizing: border-box !important;
}

.axnv-tokenomics-section {
  position: relative !important;
  padding: 80px 0 !important;
}

/* Background Glowing Orbs */
.axnv-tokenomics-orb {
  position: absolute !important;
  border-radius: 999px !important;
  filter: blur(80px) !important;
  opacity: 0.25 !important;
  pointer-events: none !important;
  z-index: 0 !important;
}

.axnv-tokenomics-orb-one {
  width: 480px !important;
  height: 480px !important;
  top: 40px !important;
  right: -160px !important;
  background: #00f0ff !important;
}

.axnv-tokenomics-orb-two {
  width: 440px !important;
  height: 440px !important;
  left: -140px !important;
  bottom: 40px !important;
  background: #0072ff !important;
}

/* Kickers across all sections */
.axnv-tokenomics-kicker {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 6px 14px !important;
  border-radius: 999px !important;
  background: rgba(0, 240, 255, 0.08) !important;
  border: 1px solid rgba(0, 240, 255, 0.25) !important;
  color: var(--axio-neon-cyan, #00f0ff) !important;
  font-family: var(--axio-font-body, Inter, sans-serif) !important;
  font-size: 0.76rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.1em !important;
  text-transform: none !important;
  margin-bottom: 16px !important;
}

.axnv-tokenomics-kicker::before {
  content: "" !important;
  width: 7px !important;
  height: 7px !important;
  border-radius: 50% !important;
  background: #00f0ff !important;
  box-shadow: 0 0 10px #00f0ff !important;
}

/* Section Headings */
.axnv-tokenomics-section-header {
  max-width: 820px !important;
  margin: 0 auto 44px !important;
  text-align: center !important;
}

.axnv-tokenomics-page h1,
.axnv-tokenomics-page h2,
.axnv-tokenomics-section-header h2,
.axnv-tokenomics-incentive-card h2,
.axnv-tokenomics-final-card h2 {
  font-family: var(--axio-font-display, Orbitron, sans-serif) !important;
  font-size: clamp(2rem, 3.4vw, 2.75rem) !important;
  font-weight: 800 !important;
  color: #ffffff !important;
  line-height: 1.2 !important;
  letter-spacing: -0.025em !important;
  margin: 14px 0 0 !important;
}

.axnv-tokenomics-page h3 {
  font-family: var(--axio-font-display, Orbitron, sans-serif) !important;
  color: #ffffff !important;
  font-size: 1.25rem !important;
  font-weight: 700 !important;
  margin: 0 0 10px !important;
}

.axnv-tokenomics-page p,
.axnv-tokenomics-section-header p {
  color: #94a3b8 !important;
  font-size: 1.02rem !important;
  line-height: 1.7 !important;
  margin: 16px 0 0 !important;
}

/* HERO SECTION */
.axnv-tokenomics-hero {
  position: relative !important;
  padding: 130px 0 80px !important;
  min-height: auto !important;
  background: radial-gradient(circle at 50% 0%, rgba(0, 240, 255, 0.08) 0%, rgba(2, 6, 23, 0.95) 70%) !important;
  overflow: hidden !important;
}

.axnv-tokenomics-hero-layout {
  position: relative !important;
  z-index: 2 !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1.15fr) minmax(380px, 0.85fr) !important;
  gap: 48px !important;
  align-items: center !important;
}

.axnv-tokenomics-hero-copy h1 {
  font-family: var(--axio-font-display, Orbitron, sans-serif) !important;
  font-size: clamp(2.4rem, 4.2vw, 3.6rem) !important;
  font-weight: 800 !important;
  color: #ffffff !important;
  line-height: 1.1 !important;
  letter-spacing: -0.03em !important;
  margin: 0 0 20px !important;
  background: linear-gradient(135deg, #ffffff 0%, #def8ff 40%, #00f0ff 75%, #0072ff 100%) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}

.axnv-tokenomics-hero-copy p {
  color: #94a3b8 !important;
  font-size: 1.05rem !important;
  line-height: 1.7 !important;
  margin: 0 0 28px !important;
  max-width: 660px !important;
}

/* BUTTONS ACROSS THE TOKENOMICS PAGE */
.axnv-tokenomics-actions,
.axnv-tokenomics-final-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 14px !important;
  align-items: center !important;
}

.axnv-tokenomics-btn,
.axio-btn-primary.axio-btn,
.axnv-tokenomics-btn-primary {
  min-height: 50px !important;
  border-radius: 12px !important;
  padding: 0 24px !important;
  font-family: var(--axio-font-body, Inter, sans-serif) !important;
  font-size: 0.92rem !important;
  font-weight: 700 !important;
  background: linear-gradient(135deg, #00f0ff 0%, #0072ff 100%) !important;
  color: #050814 !important;
  border: none !important;
  box-shadow: 0 0 20px rgba(0, 240, 255, 0.35) !important;
  text-decoration: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: all 0.25s ease !important;
  cursor: pointer !important;
}

.axnv-tokenomics-btn:hover,
.axio-btn-primary.axio-btn:hover,
.axnv-tokenomics-btn-primary:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 0 30px rgba(0, 240, 255, 0.55) !important;
  color: #050814 !important;
}

.axnv-tokenomics-btn-secondary {
  min-height: 50px !important;
  border-radius: 12px !important;
  padding: 0 22px !important;
  font-family: var(--axio-font-body, Inter, sans-serif) !important;
  font-size: 0.92rem !important;
  font-weight: 700 !important;
  color: #ffffff !important;
  border: 1px solid rgba(255, 255, 255, 0.16) !important;
  background: rgba(255, 255, 255, 0.05) !important;
  backdrop-filter: blur(12px) !important;
  text-decoration: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: all 0.25s ease !important;
}

.axnv-tokenomics-btn-secondary:hover {
  border-color: rgba(0, 240, 255, 0.4) !important;
  color: #00f0ff !important;
  background: rgba(0, 240, 255, 0.08) !important;
  transform: translateY(-2px) !important;
}

/* HERO SUMMARY CARD */
.axnv-tokenomics-hero-card {
  position: relative !important;
  overflow: hidden !important;
  display: grid !important;
  gap: 14px !important;
  padding: 28px !important;
  border: 1px solid rgba(0, 240, 255, 0.2) !important;
  border-radius: 24px !important;
  background: linear-gradient(180deg, rgba(13, 22, 44, 0.8) 0%, rgba(7, 13, 28, 0.92) 100%) !important;
  backdrop-filter: blur(24px) !important;
  -webkit-backdrop-filter: blur(24px) !important;
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.5), 0 0 40px rgba(0, 240, 255, 0.06) !important;
}

.axnv-tokenomics-stat,
.axnv-tokenomics-contract {
  padding: 16px 20px !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 16px !important;
  background: rgba(255, 255, 255, 0.035) !important;
  transition: all 0.2s ease !important;
}

.axnv-tokenomics-stat:hover,
.axnv-tokenomics-contract:hover {
  border-color: rgba(0, 240, 255, 0.25) !important;
  background: rgba(255, 255, 255, 0.05) !important;
}

.axnv-tokenomics-stat span,
.axnv-tokenomics-contract span {
  display: block !important;
  margin-bottom: 6px !important;
  color: #64748b !important;
  font-size: 0.74rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.08em !important;
  text-transform: none !important;
}

.axnv-tokenomics-stat strong {
  display: block !important;
  color: #ffffff !important;
  font-family: var(--axio-font-display, Orbitron, sans-serif) !important;
  font-size: 1.35rem !important;
  font-weight: 700 !important;
  letter-spacing: -0.02em !important;
}

.axnv-tokenomics-stat:first-of-type strong {
  color: var(--axio-neon-cyan, #00f0ff) !important;
  font-size: 1.55rem !important;
}

.axnv-tokenomics-contract strong {
  display: block !important;
  margin-bottom: 12px !important;
  color: var(--axio-neon-cyan, #00f0ff) !important;
  font-family: Fira Code, SF Mono, monospace !important;
  font-size: 0.8rem !important;
  word-break: break-all !important;
  background: rgba(0, 240, 255, 0.06) !important;
  padding: 8px 12px !important;
  border-radius: 8px !important;
  border: 1px solid rgba(0, 240, 255, 0.2) !important;
}

.axnv-tokenomics-contract a {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  padding: 8px 16px !important;
  border-radius: 999px !important;
  color: #050814 !important;
  background: linear-gradient(135deg, #00f0ff 0%, #0072ff 100%) !important;
  font-size: 0.8rem !important;
  font-weight: 700 !important;
  box-shadow: 0 0 16px rgba(0, 240, 255, 0.3) !important;
  transition: all 0.2s ease !important;
}

.axnv-tokenomics-contract a:hover {
  transform: translateY(-1px) !important;
  box-shadow: 0 0 24px rgba(0, 240, 255, 0.5) !important;
}

/* PRINCIPLES SECTION */
.axnv-tokenomics-split {
  display: grid !important;
  grid-template-columns: 0.95fr 1.05fr !important;
  gap: 48px !important;
  align-items: center !important;
}

.axnv-tokenomics-principles {
  display: grid !important;
  gap: 16px !important;
}

.axnv-tokenomics-principles article {
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 20px !important;
  padding: 24px !important;
  background: rgba(11, 19, 36, 0.6) !important;
  backdrop-filter: blur(16px) !important;
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.axnv-tokenomics-principles article:hover {
  transform: translateY(-3px) !important;
  border-color: rgba(0, 240, 255, 0.35) !important;
  box-shadow: 0 16px 36px rgba(0, 0, 0, 0.4), 0 0 20px rgba(0, 240, 255, 0.08) !important;
}

.axnv-tokenomics-principles span {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 44px !important;
  height: 44px !important;
  margin-bottom: 16px !important;
  border-radius: 12px !important;
  color: var(--axio-neon-cyan, #00f0ff) !important;
  border: 1px solid rgba(0, 240, 255, 0.3) !important;
  background: rgba(0, 240, 255, 0.08) !important;
  font-family: var(--axio-font-display, Orbitron, sans-serif) !important;
  font-size: 1.1rem !important;
  font-weight: 800 !important;
}

.axnv-tokenomics-principles p {
  color: #94a3b8 !important;
  font-size: 0.94rem !important;
  line-height: 1.65 !important;
  margin: 0 !important;
}

/* DISTRIBUTION SECTION & DONUT CHART */
.axnv-tokenomics-distribution-layout {
  display: grid !important;
  grid-template-columns: 0.85fr 1.15fr !important;
  gap: 36px !important;
  align-items: center !important;
}

.axnv-tokenomics-donut-card {
  border: 1px solid rgba(0, 240, 255, 0.2) !important;
  border-radius: 24px !important;
  padding: 36px 28px !important;
  background: linear-gradient(180deg, rgba(13, 22, 44, 0.8) 0%, rgba(7, 13, 28, 0.92) 100%) !important;
  backdrop-filter: blur(24px) !important;
  -webkit-backdrop-filter: blur(24px) !important;
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.5), 0 0 40px rgba(0, 240, 255, 0.06) !important;
  display: grid !important;
  place-items: center !important;
  gap: 24px !important;
}

.axnv-tokenomics-donut {
  box-shadow: 0 0 0 1px rgba(0, 240, 255, 0.25), 0 0 60px rgba(0, 240, 255, 0.2) !important;
}

.axnv-tokenomics-donut-center strong {
  font-family: var(--axio-font-display, Orbitron, sans-serif) !important;
  font-size: clamp(2.4rem, 5vw, 3.8rem) !important;
  font-weight: 800 !important;
  color: #ffffff !important;
}

.axnv-tokenomics-donut-center span {
  font-size: 0.76rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.1em !important;
  text-transform: none !important;
  color: #64748b !important;
}

.axnv-tokenomics-donut-center small {
  color: var(--axio-neon-cyan, #00f0ff) !important;
  font-family: var(--axio-font-display, Orbitron, sans-serif) !important;
  font-weight: 700 !important;
  font-size: 0.95rem !important;
}

.axnv-tokenomics-pool-grid {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr) !important;
  gap: 14px !important;
}

.axnv-tokenomics-pool-card {
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 18px !important;
  padding: 20px !important;
  background: rgba(11, 19, 36, 0.6) !important;
  backdrop-filter: blur(16px) !important;
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.axnv-tokenomics-pool-card:hover {
  transform: translateY(-2px) !important;
  border-color: rgba(0, 240, 255, 0.35) !important;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.35) !important;
}

.axnv-tokenomics-pool-card span {
  font-size: 0.92rem !important;
  font-weight: 700 !important;
  color: #ffffff !important;
}

.axnv-tokenomics-pool-card strong {
  font-family: var(--axio-font-display, Orbitron, sans-serif) !important;
  font-size: 1.35rem !important;
  font-weight: 800 !important;
}

.axnv-tokenomics-pool-card p {
  color: #94a3b8 !important;
  font-size: 0.86rem !important;
  line-height: 1.6 !important;
  margin: 0 !important;
}

/* SUPPLY BREAKDOWN TABLE */
.axnv-tokenomics-table-wrap {
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 22px !important;
  background: rgba(11, 19, 36, 0.65) !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.4) !important;
  overflow: hidden !important;
}

.axnv-tokenomics-table th {
  background: rgba(0, 240, 255, 0.08) !important;
  color: var(--axio-neon-cyan, #00f0ff) !important;
  font-family: var(--axio-font-display, Orbitron, sans-serif) !important;
  font-size: 0.78rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.08em !important;
  text-transform: none !important;
  padding: 18px 22px !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
}

.axnv-tokenomics-table td {
  padding: 16px 22px !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important;
  font-size: 0.94rem !important;
  color: #cbd5e1 !important;
}

.axnv-tokenomics-table td:nth-child(2),
.axnv-tokenomics-table td:nth-child(3) {
  font-family: var(--axio-font-display, Orbitron, sans-serif) !important;
  font-weight: 700 !important;
  color: #ffffff !important;
}

.axnv-tokenomics-total-row td {
  background: rgba(0, 240, 255, 0.06) !important;
  color: var(--axio-neon-cyan, #00f0ff) !important;
  font-family: var(--axio-font-display, Orbitron, sans-serif) !important;
  font-weight: 800 !important;
  font-size: 1rem !important;
  border-bottom: none !important;
}

/* DEEP DIVE GRID */
.axnv-tokenomics-deep-grid {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 20px !important;
}

.axnv-tokenomics-deep-grid article {
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 20px !important;
  padding: 30px !important;
  background: rgba(11, 19, 36, 0.6) !important;
  backdrop-filter: blur(16px) !important;
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
  display: flex !important;
  flex-direction: column !important;
}

.axnv-tokenomics-deep-grid article:hover {
  transform: translateY(-4px) !important;
  border-color: rgba(0, 240, 255, 0.35) !important;
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.4), 0 0 20px rgba(0, 240, 255, 0.08) !important;
}

.axnv-tokenomics-deep-grid article > span {
  display: block !important;
  margin-bottom: 14px !important;
  color: var(--axio-neon-cyan, #00f0ff) !important;
  font-family: var(--axio-font-display, Orbitron, sans-serif) !important;
  font-size: 2.2rem !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  letter-spacing: -0.02em !important;
}

.axnv-tokenomics-deep-grid p {
  color: #94a3b8 !important;
  font-size: 0.92rem !important;
  line-height: 1.65 !important;
  margin: 0 !important;
}

/* ON-CHAIN TRANSPARENCY & VAULTS */
.axnv-tokenomics-transparency {
  display: grid !important;
  grid-template-columns: 0.95fr 1.05fr !important;
  gap: 48px !important;
  align-items: center !important;
}

.axnv-tokenomics-check-list li {
  position: relative !important;
  padding-left: 36px !important;
  color: #cbd5e1 !important;
  font-size: 0.96rem !important;
  line-height: 1.6 !important;
  margin-bottom: 12px !important;
}

.axnv-tokenomics-check-list li::before {
  content: "✓" !important;
  position: absolute !important;
  left: 0 !important;
  top: 2px !important;
  display: grid !important;
  place-items: center !important;
  width: 22px !important;
  height: 22px !important;
  border-radius: 50% !important;
  color: #050814 !important;
  background: var(--axio-neon-cyan, #00f0ff) !important;
  font-size: 0.78rem !important;
  font-weight: 600 !important;
}

.axnv-tokenomics-vault-panel {
  border: 1px solid rgba(0, 240, 255, 0.2) !important;
  border-radius: 24px !important;
  padding: 30px !important;
  background: linear-gradient(180deg, rgba(13, 22, 44, 0.8) 0%, rgba(7, 13, 28, 0.92) 100%) !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.4) !important;
}

.axnv-tokenomics-vault-panel a {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  flex-wrap: wrap !important;
  gap: 12px !important;
  padding: 16px 0 !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
  transition: all 0.2s ease !important;
}

.axnv-tokenomics-vault-panel a:last-child {
  border-bottom: none !important;
}

.axnv-tokenomics-vault-panel a:hover span {
  color: var(--axio-neon-cyan, #00f0ff) !important;
}

.axnv-tokenomics-vault-panel span {
  color: #ffffff !important;
  font-weight: 700 !important;
  font-size: 0.94rem !important;
}

.axnv-tokenomics-vault-panel strong {
  color: var(--axio-neon-cyan, #00f0ff) !important;
  font-family: Fira Code, SF Mono, monospace !important;
  font-size: 0.82rem !important;
  background: rgba(0, 240, 255, 0.06) !important;
  padding: 6px 12px !important;
  border-radius: 8px !important;
  border: 1px solid rgba(0, 240, 255, 0.2) !important;
}

/* ECOSYSTEM INCENTIVES CARD */
.axnv-tokenomics-incentive-card {
  border: 1px solid rgba(0, 240, 255, 0.22) !important;
  border-radius: 24px !important;
  padding: clamp(32px, 5vw, 52px) !important;
  background: linear-gradient(145deg, rgba(13, 22, 44, 0.8), rgba(7, 13, 28, 0.92)) !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.4), 0 0 35px rgba(0, 240, 255, 0.05) !important;
}

.axnv-tokenomics-incentive-stats {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 16px !important;
  margin: 28px 0 !important;
}

.axnv-tokenomics-incentive-stats div {
  padding: 20px !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 16px !important;
  background: rgba(255, 255, 255, 0.035) !important;
  text-align: center !important;
}

.axnv-tokenomics-incentive-stats strong {
  display: block !important;
  color: var(--axio-neon-cyan, #00f0ff) !important;
  font-family: var(--axio-font-display, Orbitron, sans-serif) !important;
  font-size: 1.55rem !important;
  font-weight: 800 !important;
}

.axnv-tokenomics-incentive-stats span {
  display: block !important;
  margin-top: 6px !important;
  color: #94a3b8 !important;
  font-size: 0.88rem !important;
}

/* FINAL CTA SECTION */
.axnv-tokenomics-final {
  padding: 40px 0 100px !important;
}

.axnv-tokenomics-final-card {
  position: relative !important;
  overflow: hidden !important;
  border: 1px solid rgba(0, 240, 255, 0.25) !important;
  border-radius: 28px !important;
  padding: clamp(36px, 6vw, 64px) !important;
  text-align: center !important;
  background: linear-gradient(145deg, rgba(13, 22, 44, 0.8), rgba(7, 13, 28, 0.95)) !important;
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.5), 0 0 50px rgba(0, 240, 255, 0.08) !important;
  backdrop-filter: blur(20px) !important;
}

.axnv-tokenomics-final-actions {
  margin-left: auto !important;
  margin-right: auto !important;
  justify-content: center !important;
  margin-top: 28px !important;
}

.axnv-tokenomics-final-card p {
  max-width: 760px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  color: #94a3b8 !important;
  font-size: 1.05rem !important;
  line-height: 1.7 !important;
}

/* RESPONSIVE BREAKPOINTS */
@media (max-width: 1040px) {
  .axnv-tokenomics-hero-layout,
  .axnv-tokenomics-split,
  .axnv-tokenomics-distribution-layout,
  .axnv-tokenomics-transparency {
    grid-template-columns: 1fr !important;
    gap: 36px !important;
  }

  .axnv-tokenomics-pool-grid,
  .axnv-tokenomics-deep-grid,
  .axnv-tokenomics-incentive-stats {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}

@media (max-width: 640px) {
  .axnv-tokenomics-pool-grid,
  .axnv-tokenomics-deep-grid,
  .axnv-tokenomics-incentive-stats {
    grid-template-columns: 1fr !important;
  }

  .axnv-tokenomics-actions,
  .axnv-tokenomics-final-actions {
    flex-direction: column !important;
  }

  .axnv-tokenomics-btn {
    width: 100% !important;
  }
}

/* ==========================================================================
   AXIONOVA WHITEPAPER PAGE — COMPLETE DARK GLASSMORPHIC DESIGN SYSTEM
   ========================================================================== */

/* Page Base & Section Structure */
.axnv-whitepaper-page {
  background: #030712 !important;
  color: #f8fafc !important;
  font-family: var(--axio-font-body, Inter, -apple-system, sans-serif) !important;
  overflow-x: hidden !important;
  line-height: 1.65 !important;
}

.axnv-whitepaper-page a {
  color: inherit !important;
  text-decoration: none !important;
}

.axnv-whitepaper-container {
  max-width: 1240px !important;
  width: 100% !important;
  margin: 0 auto !important;
  padding: 0 24px !important;
  box-sizing: border-box !important;
}

/* Background Glowing Orbs */
.axnv-whitepaper-orb {
  position: absolute !important;
  border-radius: 999px !important;
  filter: blur(80px) !important;
  opacity: 0.25 !important;
  pointer-events: none !important;
  z-index: 0 !important;
}

.axnv-whitepaper-orb-one {
  width: 480px !important;
  height: 480px !important;
  top: 40px !important;
  right: -160px !important;
  background: #00f0ff !important;
}

.axnv-whitepaper-orb-two {
  width: 440px !important;
  height: 440px !important;
  left: -140px !important;
  bottom: 40px !important;
  background: #0072ff !important;
}

/* Kickers across all sections */
.axnv-whitepaper-kicker {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 6px 14px !important;
  border-radius: 999px !important;
  background: rgba(0, 240, 255, 0.08) !important;
  border: 1px solid rgba(0, 240, 255, 0.25) !important;
  color: var(--axio-neon-cyan, #00f0ff) !important;
  font-family: var(--axio-font-body, Inter, sans-serif) !important;
  font-size: 0.76rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.1em !important;
  text-transform: none !important;
  margin-bottom: 16px !important;
}

.axnv-whitepaper-kicker::before {
  content: "" !important;
  width: 7px !important;
  height: 7px !important;
  border-radius: 50% !important;
  background: #00f0ff !important;
  box-shadow: 0 0 10px #00f0ff !important;
}

/* Headings */
.axnv-whitepaper-page h1,
.axnv-whitepaper-page h2,
.axnv-whitepaper-section h2 {
  font-family: var(--axio-font-display, Orbitron, sans-serif) !important;
  font-weight: 800 !important;
  color: #ffffff !important;
  line-height: 1.2 !important;
  letter-spacing: -0.025em !important;
  margin-top: 0 !important;
}

.axnv-whitepaper-section h2 {
  font-size: clamp(1.75rem, 2.8vw, 2.35rem) !important;
  margin-bottom: 18px !important;
}

.axnv-whitepaper-page h3 {
  font-family: var(--axio-font-display, Orbitron, sans-serif) !important;
  color: #ffffff !important;
  font-size: 1.2rem !important;
  font-weight: 700 !important;
  margin: 0 0 10px !important;
}

.axnv-whitepaper-page p {
  color: #94a3b8 !important;
  font-size: 1.02rem !important;
  line-height: 1.75 !important;
  margin: 0 0 20px !important;
}

.axnv-whitepaper-page p:last-child {
  margin-bottom: 0 !important;
}

/* HERO SECTION */
.axnv-whitepaper-hero {
  position: relative !important;
  padding: 130px 0 80px !important;
  min-height: auto !important;
  background: radial-gradient(circle at 50% 0%, rgba(0, 240, 255, 0.08) 0%, rgba(2, 6, 23, 0.95) 70%) !important;
  overflow: hidden !important;
}

.axnv-whitepaper-hero-layout {
  position: relative !important;
  z-index: 2 !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1.15fr) minmax(360px, 0.85fr) !important;
  gap: 48px !important;
  align-items: center !important;
}

.axnv-whitepaper-hero-copy h1 {
  font-family: var(--axio-font-display, Orbitron, sans-serif) !important;
  font-size: clamp(2.3rem, 4.2vw, 3.5rem) !important;
  font-weight: 800 !important;
  color: #ffffff !important;
  line-height: 1.1 !important;
  letter-spacing: -0.03em !important;
  margin: 0 0 20px !important;
  background: linear-gradient(135deg, #ffffff 0%, #def8ff 40%, #00f0ff 75%, #0072ff 100%) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}

.axnv-whitepaper-hero-copy p {
  color: #94a3b8 !important;
  font-size: 1.08rem !important;
  line-height: 1.7 !important;
  margin: 0 0 28px !important;
  max-width: 680px !important;
}

/* BUTTONS ACROSS THE WHITEPAPER PAGE */
.axnv-whitepaper-actions,
.axnv-whitepaper-final-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 14px !important;
  align-items: center !important;
}

.axnv-whitepaper-btn,
.axio-btn-primary.axio-btn,
.axnv-whitepaper-btn-primary {
  min-height: 50px !important;
  border-radius: 12px !important;
  padding: 0 24px !important;
  font-family: var(--axio-font-body, Inter, sans-serif) !important;
  font-size: 0.92rem !important;
  font-weight: 700 !important;
  background: linear-gradient(135deg, #00f0ff 0%, #0072ff 100%) !important;
  color: #050814 !important;
  border: none !important;
  box-shadow: 0 0 20px rgba(0, 240, 255, 0.35) !important;
  text-decoration: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: all 0.25s ease !important;
  cursor: pointer !important;
}

.axnv-whitepaper-btn:hover,
.axio-btn-primary.axio-btn:hover,
.axnv-whitepaper-btn-primary:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 0 30px rgba(0, 240, 255, 0.55) !important;
  color: #050814 !important;
}

.axnv-whitepaper-btn-secondary {
  min-height: 50px !important;
  border-radius: 12px !important;
  padding: 0 22px !important;
  font-family: var(--axio-font-body, Inter, sans-serif) !important;
  font-size: 0.92rem !important;
  font-weight: 700 !important;
  color: #ffffff !important;
  border: 1px solid rgba(255, 255, 255, 0.16) !important;
  background: rgba(255, 255, 255, 0.05) !important;
  backdrop-filter: blur(12px) !important;
  text-decoration: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: all 0.25s ease !important;
}

.axnv-whitepaper-btn-secondary:hover {
  border-color: rgba(0, 240, 255, 0.4) !important;
  color: #00f0ff !important;
  background: rgba(0, 240, 255, 0.08) !important;
  transform: translateY(-2px) !important;
}

/* SUMMARY CARD (HERO) */
.axnv-whitepaper-summary-card {
  position: relative !important;
  overflow: hidden !important;
  display: grid !important;
  gap: 14px !important;
  padding: 28px !important;
  border: 1px solid rgba(0, 240, 255, 0.2) !important;
  border-radius: 24px !important;
  background: linear-gradient(180deg, rgba(13, 22, 44, 0.8) 0%, rgba(7, 13, 28, 0.92) 100%) !important;
  backdrop-filter: blur(24px) !important;
  -webkit-backdrop-filter: blur(24px) !important;
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.5), 0 0 40px rgba(0, 240, 255, 0.06) !important;
}

.axnv-whitepaper-summary-card div {
  padding: 16px 20px !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 16px !important;
  background: rgba(255, 255, 255, 0.035) !important;
  transition: all 0.2s ease !important;
}

.axnv-whitepaper-summary-card div:hover {
  border-color: rgba(0, 240, 255, 0.25) !important;
  background: rgba(255, 255, 255, 0.05) !important;
}

.axnv-whitepaper-summary-card span {
  display: block !important;
  margin-bottom: 6px !important;
  color: #64748b !important;
  font-size: 0.74rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.08em !important;
  text-transform: none !important;
}

.axnv-whitepaper-summary-card strong {
  display: block !important;
  color: #ffffff !important;
  font-family: var(--axio-font-display, Orbitron, sans-serif) !important;
  font-size: 1.25rem !important;
  font-weight: 700 !important;
  letter-spacing: -0.02em !important;
}

.axnv-whitepaper-summary-card div:nth-child(2) strong {
  color: var(--axio-neon-cyan, #00f0ff) !important;
  font-size: 1.45rem !important;
}

/* DOCUMENT CONTAINER */
.axnv-whitepaper-document {
  padding: 40px 0 100px !important;
}

.axnv-whitepaper-paper {
  overflow: hidden !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 28px !important;
  background: rgba(11, 19, 36, 0.6) !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.45) !important;
}

.axnv-whitepaper-section {
  padding: clamp(36px, 5vw, 64px) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.07) !important;
}

.axnv-whitepaper-section:last-child {
  border-bottom: none !important;
}

/* INNER COMPONENT GRIDS & CARDS */
.axnv-whitepaper-info-grid,
.axnv-whitepaper-card-grid,
.axnv-whitepaper-utility-grid,
.axnv-whitepaper-risk-grid,
.axnv-whitepaper-ecosystem-map,
.axnv-whitepaper-governance-panel {
  display: grid !important;
  gap: 16px !important;
  margin-top: 28px !important;
}

.axnv-whitepaper-info-grid {
  grid-template-columns: repeat(4, 1fr) !important;
}

.axnv-whitepaper-card-grid,
.axnv-whitepaper-governance-panel {
  grid-template-columns: repeat(3, 1fr) !important;
}

.axnv-whitepaper-utility-grid,
.axnv-whitepaper-risk-grid,
.axnv-whitepaper-ecosystem-map {
  grid-template-columns: repeat(2, 1fr) !important;
}

.axnv-whitepaper-info-grid article,
.axnv-whitepaper-card-grid article,
.axnv-whitepaper-utility-grid article,
.axnv-whitepaper-risk-grid article,
.axnv-whitepaper-ecosystem-map article,
.axnv-whitepaper-governance-panel article {
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 18px !important;
  padding: 24px !important;
  background: rgba(15, 23, 42, 0.55) !important;
  backdrop-filter: blur(14px) !important;
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.axnv-whitepaper-info-grid article:hover,
.axnv-whitepaper-card-grid article:hover,
.axnv-whitepaper-utility-grid article:hover,
.axnv-whitepaper-risk-grid article:hover,
.axnv-whitepaper-ecosystem-map article:hover,
.axnv-whitepaper-governance-panel article:hover {
  transform: translateY(-3px) !important;
  border-color: rgba(0, 240, 255, 0.35) !important;
  box-shadow: 0 14px 32px rgba(0, 0, 0, 0.35), 0 0 16px rgba(0, 240, 255, 0.06) !important;
}

.axnv-whitepaper-info-grid span,
.axnv-whitepaper-governance-panel span {
  display: block !important;
  margin-bottom: 6px !important;
  color: #64748b !important;
  font-size: 0.74rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.08em !important;
  text-transform: none !important;
}

.axnv-whitepaper-info-grid strong,
.axnv-whitepaper-governance-panel strong {
  display: block !important;
  color: #ffffff !important;
  font-family: var(--axio-font-display, Orbitron, sans-serif) !important;
  font-size: 1.25rem !important;
  font-weight: 700 !important;
}

.axnv-whitepaper-card-grid p,
.axnv-whitepaper-utility-grid p,
.axnv-whitepaper-risk-grid p,
.axnv-whitepaper-ecosystem-map p {
  color: #94a3b8 !important;
  font-size: 0.94rem !important;
  line-height: 1.65 !important;
  margin: 0 !important;
}

/* SOLUTION LIST */
.axnv-whitepaper-solution-list {
  display: grid !important;
  gap: 16px !important;
  margin-top: 28px !important;
}

.axnv-whitepaper-solution-list article {
  display: grid !important;
  grid-template-columns: auto 1fr !important;
  gap: 20px !important;
  align-items: flex-start !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 18px !important;
  padding: 24px !important;
  background: rgba(15, 23, 42, 0.55) !important;
  transition: all 0.25s ease !important;
}

.axnv-whitepaper-solution-list article:hover {
  border-color: rgba(0, 240, 255, 0.35) !important;
  transform: translateX(4px) !important;
}

.axnv-whitepaper-solution-list article > span {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 44px !important;
  height: 44px !important;
  border: 1px solid rgba(0, 240, 255, 0.3) !important;
  border-radius: 12px !important;
  color: var(--axio-neon-cyan, #00f0ff) !important;
  font-family: var(--axio-font-display, Orbitron, sans-serif) !important;
  font-weight: 800 !important;
  font-size: 1.05rem !important;
  background: rgba(0, 240, 255, 0.08) !important;
}

/* TABLES IN WHITEPAPER */
.axnv-whitepaper-table-wrap {
  overflow: hidden !important;
  margin: 32px 0 !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 20px !important;
  background: rgba(11, 19, 36, 0.65) !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.4) !important;
}

.axnv-whitepaper-table {
  width: 100% !important;
  border-collapse: collapse !important;
}

.axnv-whitepaper-table th {
  background: rgba(0, 240, 255, 0.08) !important;
  color: var(--axio-neon-cyan, #00f0ff) !important;
  font-family: var(--axio-font-display, Orbitron, sans-serif) !important;
  font-size: 0.78rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.08em !important;
  text-transform: none !important;
  padding: 18px 22px !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
}

.axnv-whitepaper-table td {
  padding: 16px 22px !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important;
  font-size: 0.94rem !important;
  color: #cbd5e1 !important;
  line-height: 1.6 !important;
}

.axnv-whitepaper-table td:nth-child(2),
.axnv-whitepaper-table td:nth-child(3) {
  font-family: var(--axio-font-display, Orbitron, sans-serif) !important;
  font-weight: 700 !important;
  color: #ffffff !important;
}

.axnv-whitepaper-total-row td {
  background: rgba(0, 240, 255, 0.06) !important;
  color: var(--axio-neon-cyan, #00f0ff) !important;
  font-family: var(--axio-font-display, Orbitron, sans-serif) !important;
  font-weight: 800 !important;
  border-bottom: none !important;
}

/* ROADMAP LIST */
.axnv-whitepaper-roadmap {
  display: grid !important;
  gap: 16px !important;
  margin-top: 28px !important;
}

.axnv-whitepaper-roadmap article {
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 20px !important;
  padding: 26px !important;
  background: rgba(15, 23, 42, 0.55) !important;
  backdrop-filter: blur(14px) !important;
  transition: all 0.25s ease !important;
}

.axnv-whitepaper-roadmap article:hover {
  border-color: rgba(0, 240, 255, 0.35) !important;
  transform: translateY(-2px) !important;
}

.axnv-whitepaper-roadmap article > span {
  display: inline-flex !important;
  margin-bottom: 10px !important;
  color: var(--axio-neon-cyan, #00f0ff) !important;
  font-family: var(--axio-font-display, Orbitron, sans-serif) !important;
  font-size: 0.8rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.1em !important;
  text-transform: none !important;
}

.axnv-whitepaper-roadmap ul {
  display: grid !important;
  gap: 8px !important;
  padding-left: 20px !important;
  margin: 14px 0 0 !important;
  color: #cbd5e1 !important;
  line-height: 1.65 !important;
}

/* CONCLUSION & FINAL CTA */
.axnv-whitepaper-conclusion {
  background: linear-gradient(145deg, rgba(13, 22, 44, 0.8), rgba(7, 13, 28, 0.95)) !important;
  text-align: center !important;
  padding: clamp(40px, 6vw, 72px) !important;
}

.axnv-whitepaper-conclusion .axnv-whitepaper-kicker {
  margin-left: auto !important;
  margin-right: auto !important;
}

.axnv-whitepaper-conclusion h2 {
  max-width: 860px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.axnv-whitepaper-conclusion p {
  max-width: 800px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  font-size: 1.05rem !important;
}

.axnv-whitepaper-final-actions {
  justify-content: center !important;
  margin-top: 28px !important;
}

/* RESPONSIVE BREAKPOINTS */
@media (max-width: 980px) {
  .axnv-whitepaper-hero-layout,
  .axnv-whitepaper-info-grid,
  .axnv-whitepaper-card-grid,
  .axnv-whitepaper-utility-grid,
  .axnv-whitepaper-risk-grid,
  .axnv-whitepaper-ecosystem-map,
  .axnv-whitepaper-governance-panel {
    grid-template-columns: 1fr !important;
  }

  .axnv-whitepaper-solution-list article {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 640px) {
  .axnv-whitepaper-actions,
  .axnv-whitepaper-final-actions {
    flex-direction: column !important;
  }

  .axnv-whitepaper-btn {
    width: 100% !important;
  }
}

/* ==========================================================================
   AXIONOVA GAME INFO PAGE — COMPLETE DARK GLASSMORPHIC DESIGN SYSTEM
   ========================================================================== */

/* Page Base & Section Structure */
.axnv-gameinfo-page {
  background: #030712 !important;
  color: #f8fafc !important;
  font-family: var(--axio-font-body, Inter, -apple-system, sans-serif) !important;
  overflow-x: hidden !important;
  line-height: 1.65 !important;
}

.axnv-gameinfo-page a {
  color: inherit !important;
  text-decoration: none !important;
}

.axnv-gameinfo-container {
  max-width: 1240px !important;
  width: 100% !important;
  margin: 0 auto !important;
  padding: 0 24px !important;
  box-sizing: border-box !important;
}

.axnv-gameinfo-section {
  position: relative !important;
  padding: 80px 0 !important;
}

/* Background Glowing Orbs */
.axnv-gameinfo-orb {
  position: absolute !important;
  border-radius: 999px !important;
  filter: blur(80px) !important;
  opacity: 0.25 !important;
  pointer-events: none !important;
  z-index: 0 !important;
}

.axnv-gameinfo-orb-one {
  width: 480px !important;
  height: 480px !important;
  top: 40px !important;
  left: -180px !important;
  background: #00f0ff !important;
}

.axnv-gameinfo-orb-two {
  width: 440px !important;
  height: 440px !important;
  right: -140px !important;
  top: 180px !important;
  background: #0072ff !important;
}

/* Kickers across all sections */
.axnv-gameinfo-kicker {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 6px 14px !important;
  border-radius: 999px !important;
  background: rgba(0, 240, 255, 0.08) !important;
  border: 1px solid rgba(0, 240, 255, 0.25) !important;
  color: var(--axio-neon-cyan, #00f0ff) !important;
  font-family: var(--axio-font-body, Inter, sans-serif) !important;
  font-size: 0.76rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.1em !important;
  text-transform: none !important;
  margin-bottom: 16px !important;
}

.axnv-gameinfo-kicker span {
  width: 7px !important;
  height: 7px !important;
  border-radius: 50% !important;
  background: #00f0ff !important;
  box-shadow: 0 0 10px #00f0ff !important;
}

/* Section Headings */
.axnv-gameinfo-section-heading {
  max-width: 820px !important;
  margin-bottom: 44px !important;
}

.axnv-gameinfo-section-heading-center {
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: center !important;
}

.axnv-gameinfo-section-heading-center .axnv-gameinfo-kicker {
  margin-left: auto !important;
  margin-right: auto !important;
}

.axnv-gameinfo-hero-copy h1,
.axnv-gameinfo-section-heading h2,
.axnv-gameinfo-final-card h2 {
  font-family: var(--axio-font-display, Orbitron, sans-serif) !important;
  font-size: clamp(2rem, 3.4vw, 2.75rem) !important;
  font-weight: 800 !important;
  color: #ffffff !important;
  line-height: 1.2 !important;
  letter-spacing: -0.025em !important;
  margin: 14px 0 0 !important;
}

.axnv-gameinfo-section-heading p,
.axnv-gameinfo-final-card p {
  color: #94a3b8 !important;
  font-size: 1.02rem !important;
  line-height: 1.7 !important;
  margin: 16px 0 0 !important;
}

/* HERO SECTION */
.axnv-gameinfo-hero {
  position: relative !important;
  padding: 130px 0 80px !important;
  min-height: auto !important;
  background: radial-gradient(circle at 50% 0%, rgba(0, 240, 255, 0.08) 0%, rgba(2, 6, 23, 0.95) 70%) !important;
  overflow: hidden !important;
}

.axnv-gameinfo-hero-layout {
  position: relative !important;
  z-index: 2 !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1.15fr) minmax(380px, 0.85fr) !important;
  gap: 48px !important;
  align-items: center !important;
}

.axnv-gameinfo-hero-copy h1 {
  font-family: var(--axio-font-display, Orbitron, sans-serif) !important;
  font-size: clamp(2.4rem, 4.4vw, 3.8rem) !important;
  font-weight: 800 !important;
  color: #ffffff !important;
  line-height: 1.08 !important;
  letter-spacing: -0.03em !important;
  margin: 0 0 20px !important;
  background: linear-gradient(135deg, #ffffff 0%, #def8ff 40%, #00f0ff 75%, #0072ff 100%) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}

.axnv-gameinfo-hero-copy p {
  color: #94a3b8 !important;
  font-size: 1.05rem !important;
  line-height: 1.7 !important;
  margin: 0 0 28px !important;
  max-width: 660px !important;
}

.axnv-gameinfo-hero-note {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  margin-top: 28px !important;
  padding: 14px 18px !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 14px !important;
  background: rgba(11, 19, 36, 0.55) !important;
  backdrop-filter: blur(14px) !important;
  color: #94a3b8 !important;
  font-size: 0.88rem !important;
}

.axnv-gameinfo-hero-note span {
  flex-shrink: 0 !important;
  border: 1px solid rgba(0, 240, 255, 0.3) !important;
  border-radius: 999px !important;
  padding: 4px 10px !important;
  color: var(--axio-neon-cyan, #00f0ff) !important;
  font-size: 0.72rem !important;
  font-weight: 700 !important;
  text-transform: none !important;
  letter-spacing: 0.06em !important;
  background: rgba(0, 240, 255, 0.08) !important;
}

/* BUTTONS */
.axnv-gameinfo-hero-actions,
.axnv-gameinfo-final-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 14px !important;
  align-items: center !important;
}

.axnv-gameinfo-btn,
.axio-btn-primary.axio-btn,
.axnv-gameinfo-btn-primary {
  min-height: 50px !important;
  border-radius: 12px !important;
  padding: 0 24px !important;
  font-family: var(--axio-font-body, Inter, sans-serif) !important;
  font-size: 0.92rem !important;
  font-weight: 700 !important;
  background: linear-gradient(135deg, #00f0ff 0%, #0072ff 100%) !important;
  color: #050814 !important;
  border: none !important;
  box-shadow: 0 0 20px rgba(0, 240, 255, 0.35) !important;
  text-decoration: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: all 0.25s ease !important;
  cursor: pointer !important;
}

.axnv-gameinfo-btn:hover,
.axio-btn-primary.axio-btn:hover,
.axnv-gameinfo-btn-primary:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 0 30px rgba(0, 240, 255, 0.55) !important;
  color: #050814 !important;
}

.axnv-gameinfo-btn-secondary {
  min-height: 50px !important;
  border-radius: 12px !important;
  padding: 0 22px !important;
  font-family: var(--axio-font-body, Inter, sans-serif) !important;
  font-size: 0.92rem !important;
  font-weight: 700 !important;
  color: #ffffff !important;
  border: 1px solid rgba(255, 255, 255, 0.16) !important;
  background: rgba(255, 255, 255, 0.05) !important;
  backdrop-filter: blur(12px) !important;
  text-decoration: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: all 0.25s ease !important;
}

.axnv-gameinfo-btn-secondary:hover {
  border-color: rgba(0, 240, 255, 0.4) !important;
  color: #00f0ff !important;
  background: rgba(0, 240, 255, 0.08) !important;
  transform: translateY(-2px) !important;
}

/* gAXNV CREDIT CARD WIDGET */
.axnv-gameinfo-credit-card {
  position: relative !important;
  overflow: hidden !important;
  border: 1px solid rgba(0, 240, 255, 0.2) !important;
  border-radius: 24px !important;
  padding: 30px 28px !important;
  background: linear-gradient(180deg, rgba(13, 22, 44, 0.8) 0%, rgba(7, 13, 28, 0.92) 100%) !important;
  backdrop-filter: blur(24px) !important;
  -webkit-backdrop-filter: blur(24px) !important;
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.5), 0 0 40px rgba(0, 240, 255, 0.06) !important;
}

.axnv-gameinfo-credit-top {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  margin-bottom: 20px !important;
}

.axnv-gameinfo-credit-chip {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 6px 14px !important;
  border-radius: 999px !important;
  font-size: 0.75rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.08em !important;
  text-transform: none !important;
  border: 1px solid rgba(16, 185, 129, 0.3) !important;
  background: rgba(16, 185, 129, 0.1) !important;
  color: #34d399 !important;
}

.axnv-gameinfo-credit-chip span {
  width: 7px !important;
  height: 7px !important;
  border-radius: 50% !important;
  background: #10b981 !important;
  box-shadow: 0 0 10px #10b981 !important;
}

.axnv-gameinfo-credit-rate {
  display: flex !important;
  align-items: center !important;
  justify-content: space-around !important;
  padding: 20px 16px !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 18px !important;
  background: rgba(255, 255, 255, 0.035) !important;
  margin: 18px 0 !important;
}

.axnv-gameinfo-credit-rate strong {
  display: block !important;
  font-family: var(--axio-font-display, Orbitron, sans-serif) !important;
  font-size: 1.4rem !important;
  font-weight: 800 !important;
  color: #ffffff !important;
}

.axnv-gameinfo-credit-rate span {
  font-size: 0.74rem !important;
  color: #64748b !important;
  text-transform: none !important;
  letter-spacing: 0.08em !important;
  display: block !important;
  margin-top: 4px !important;
}

.axnv-gameinfo-credit-arrow {
  color: var(--axio-neon-cyan, #00f0ff) !important;
  font-size: 1.4rem !important;
  font-weight: 800 !important;
}

.axnv-gameinfo-credit-foot {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 10px !important;
  margin-top: 18px !important;
}

.axnv-gameinfo-credit-foot > div {
  padding: 12px 10px !important;
  border: 1px solid rgba(255, 255, 255, 0.07) !important;
  border-radius: 14px !important;
  background: rgba(255, 255, 255, 0.03) !important;
  text-align: center !important;
}

.axnv-gameinfo-credit-foot span {
  font-size: 0.72rem !important;
  color: #64748b !important;
  font-weight: 700 !important;
  text-transform: none !important;
  letter-spacing: 0.08em !important;
  display: block !important;
}

.axnv-gameinfo-credit-foot strong {
  display: block !important;
  margin-top: 4px !important;
  font-family: var(--axio-font-display, Orbitron, sans-serif) !important;
  font-size: 0.95rem !important;
  font-weight: 700 !important;
  color: #ffffff !important;
}

/* HOW gAXNV WORKS (FEATURE GRID) */
.axnv-gameinfo-feature-grid {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 20px !important;
}

.axnv-gameinfo-feature {
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 20px !important;
  padding: 28px !important;
  background: rgba(11, 19, 36, 0.6) !important;
  backdrop-filter: blur(16px) !important;
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
  display: flex !important;
  flex-direction: column !important;
}

.axnv-gameinfo-feature:hover {
  transform: translateY(-4px) !important;
  border-color: rgba(0, 240, 255, 0.35) !important;
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.4), 0 0 20px rgba(0, 240, 255, 0.08) !important;
}

.axnv-gameinfo-feature-icon {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 48px !important;
  height: 48px !important;
  margin-bottom: 20px !important;
  border: 1px solid rgba(0, 240, 255, 0.3) !important;
  border-radius: 14px !important;
  background: rgba(0, 240, 255, 0.08) !important;
  font-size: 1.3rem !important;
}

.axnv-gameinfo-feature h3 {
  font-family: var(--axio-font-display, Orbitron, sans-serif) !important;
  color: #ffffff !important;
  font-size: 1.18rem !important;
  font-weight: 700 !important;
  margin: 0 0 10px !important;
}

.axnv-gameinfo-feature p {
  color: #94a3b8 !important;
  font-size: 0.92rem !important;
  line-height: 1.65 !important;
  margin: 0 !important;
}

/* FLOW STEPS (PREDICT & PAYOUT) */
.axnv-gameinfo-flow {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 20px !important;
}

.axnv-gameinfo-flow-step {
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 20px !important;
  padding: 28px 24px !important;
  background: rgba(11, 19, 36, 0.6) !important;
  backdrop-filter: blur(16px) !important;
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
  display: flex !important;
  flex-direction: column !important;
}

.axnv-gameinfo-flow-step:hover {
  transform: translateY(-4px) !important;
  border-color: rgba(0, 240, 255, 0.4) !important;
  box-shadow: 0 18px 42px rgba(0, 0, 0, 0.4), 0 0 20px rgba(0, 240, 255, 0.08) !important;
}

.axnv-gameinfo-flow-num {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 48px !important;
  height: 48px !important;
  margin-bottom: 20px !important;
  border: 1px solid rgba(0, 240, 255, 0.3) !important;
  border-radius: 14px !important;
  color: var(--axio-neon-cyan, #00f0ff) !important;
  font-family: var(--axio-font-display, Orbitron, sans-serif) !important;
  font-size: 1.1rem !important;
  font-weight: 800 !important;
  background: rgba(0, 240, 255, 0.08) !important;
}

.axnv-gameinfo-flow-step h3 {
  font-family: var(--axio-font-display, Orbitron, sans-serif) !important;
  color: #ffffff !important;
  font-size: 1.15rem !important;
  font-weight: 700 !important;
  margin: 0 0 10px !important;
}

.axnv-gameinfo-flow-step p {
  color: #94a3b8 !important;
  font-size: 0.92rem !important;
  line-height: 1.65 !important;
  margin: 0 !important;
}

/* RISK BAND */
.axnv-gameinfo-risk-band {
  display: grid !important;
  grid-template-columns: auto 1fr !important;
  gap: 28px !important;
  align-items: flex-start !important;
  border: 1px solid rgba(245, 158, 11, 0.25) !important;
  border-radius: 24px !important;
  padding: clamp(28px, 4vw, 40px) !important;
  background: linear-gradient(145deg, rgba(28, 20, 8, 0.75), rgba(16, 12, 5, 0.9)) !important;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.4) !important;
  backdrop-filter: blur(18px) !important;
  -webkit-backdrop-filter: blur(18px) !important;
}

.axnv-gameinfo-risk-icon {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 50px !important;
  height: 50px !important;
  border: 1px solid rgba(245, 158, 11, 0.4) !important;
  border-radius: 14px !important;
  color: #fbbf24 !important;
  font-size: 1.5rem !important;
  background: rgba(245, 158, 11, 0.1) !important;
}

.axnv-gameinfo-risk-band h3 {
  font-family: var(--axio-font-display, Orbitron, sans-serif) !important;
  color: #fbbf24 !important;
  font-size: 1.3rem !important;
  font-weight: 700 !important;
  margin: 0 0 10px !important;
}

.axnv-gameinfo-risk-band p {
  color: #cbd5e1 !important;
  font-size: 0.95rem !important;
  line-height: 1.7 !important;
  margin: 0 !important;
}

/* ECONOMICS PANEL */
.axnv-gameinfo-econ-panel {
  border: 1px solid rgba(0, 240, 255, 0.22) !important;
  border-radius: 24px !important;
  padding: clamp(32px, 5vw, 48px) !important;
  background: linear-gradient(145deg, rgba(13, 22, 44, 0.8), rgba(7, 13, 28, 0.92)) !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.4) !important;
}

.axnv-gameinfo-equation {
  display: flex !important;
  align-items: center !important;
  justify-content: space-around !important;
  flex-wrap: wrap !important;
  gap: 16px !important;
  padding: 24px !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 18px !important;
  background: rgba(0, 0, 0, 0.35) !important;
  margin: 24px 0 !important;
}

.axnv-gameinfo-eq-term strong {
  display: block !important;
  font-family: var(--axio-font-display, Orbitron, sans-serif) !important;
  font-size: 1.6rem !important;
  font-weight: 800 !important;
  color: var(--axio-neon-cyan, #00f0ff) !important;
}

.axnv-gameinfo-eq-term span {
  display: block !important;
  color: #64748b !important;
  font-size: 0.75rem !important;
  font-weight: 700 !important;
  text-transform: none !important;
  letter-spacing: 0.08em !important;
  margin-top: 4px !important;
}

.axnv-gameinfo-eq-op {
  color: #ffffff !important;
  font-size: 1.6rem !important;
  font-weight: 800 !important;
}

.axnv-gameinfo-econ-split {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr) !important;
  gap: 18px !important;
  margin-top: 24px !important;
}

.axnv-gameinfo-econ-split article {
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 18px !important;
  padding: 24px !important;
  background: rgba(11, 19, 36, 0.55) !important;
}

.axnv-gameinfo-econ-split h4 {
  font-family: var(--axio-font-display, Orbitron, sans-serif) !important;
  color: #ffffff !important;
  font-size: 1.1rem !important;
  font-weight: 700 !important;
  margin: 0 0 10px !important;
}

.axnv-gameinfo-econ-split p {
  color: #94a3b8 !important;
  font-size: 0.92rem !important;
  line-height: 1.65 !important;
  margin: 0 !important;
}

/* GAME CATALOGUE GRID */
.axnv-gameinfo-game-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)) !important;
  gap: 20px !important;
}

.axnv-gameinfo-game-card {
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 22px !important;
  padding: 30px !important;
  background: rgba(11, 19, 36, 0.6) !important;
  backdrop-filter: blur(16px) !important;
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.axnv-gameinfo-game-card:hover {
  transform: translateY(-3px) !important;
  border-color: rgba(0, 240, 255, 0.35) !important;
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.4) !important;
}

.axnv-gameinfo-game-icon {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 48px !important;
  height: 48px !important;
  margin-bottom: 20px !important;
  border: 1px solid rgba(0, 240, 255, 0.3) !important;
  border-radius: 14px !important;
  color: var(--axio-neon-cyan, #00f0ff) !important;
  font-size: 1.3rem !important;
  background: rgba(0, 240, 255, 0.08) !important;
}

.axnv-gameinfo-game-card h3 {
  font-family: var(--axio-font-display, Orbitron, sans-serif) !important;
  color: #ffffff !important;
  font-size: 1.25rem !important;
  font-weight: 700 !important;
  margin: 0 0 10px !important;
}

.axnv-gameinfo-game-card p {
  color: #94a3b8 !important;
  font-size: 0.94rem !important;
  line-height: 1.65 !important;
  margin: 0 0 20px !important;
}

.axnv-gameinfo-game-meta {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
}

.axnv-gameinfo-game-meta div {
  padding: 6px 12px !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 8px !important;
  background: rgba(255, 255, 255, 0.04) !important;
  font-size: 0.78rem !important;
  color: #cbd5e1 !important;
}

/* FAQ ACCORDION */
.axnv-gameinfo-faq details {
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 16px !important;
  background: rgba(11, 19, 36, 0.55) !important;
  backdrop-filter: blur(14px) !important;
  margin-bottom: 12px !important;
  transition: all 0.2s ease !important;
}

.axnv-gameinfo-faq details:hover {
  border-color: rgba(0, 240, 255, 0.3) !important;
}

.axnv-gameinfo-faq details summary {
  font-family: var(--axio-font-display, Orbitron, sans-serif) !important;
  font-size: 1.05rem !important;
  font-weight: 700 !important;
  color: #ffffff !important;
  padding: 20px 24px !important;
  cursor: pointer !important;
  list-style: none !important;
}

.axnv-gameinfo-faq details summary::-webkit-details-marker {
  display: none !important;
}

.axnv-gameinfo-faq details p {
  padding: 0 24px 20px !important;
  color: #94a3b8 !important;
  font-size: 0.95rem !important;
  line-height: 1.7 !important;
  margin: 0 !important;
}

/* FINAL CTA */
.axnv-gameinfo-final {
  padding: 40px 0 100px !important;
}

.axnv-gameinfo-final-card {
  position: relative !important;
  overflow: hidden !important;
  border: 1px solid rgba(0, 240, 255, 0.25) !important;
  border-radius: 28px !important;
  padding: clamp(36px, 6vw, 64px) !important;
  text-align: center !important;
  background: linear-gradient(145deg, rgba(13, 22, 44, 0.8), rgba(7, 13, 28, 0.95)) !important;
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.5), 0 0 50px rgba(0, 240, 255, 0.08) !important;
  backdrop-filter: blur(20px) !important;
}

.axnv-gameinfo-final-card .axnv-gameinfo-kicker,
.axnv-gameinfo-final-actions {
  margin-left: auto !important;
  margin-right: auto !important;
  justify-content: center !important;
  margin-top: 28px !important;
}

.axnv-gameinfo-final-card p {
  max-width: 760px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  color: #94a3b8 !important;
  font-size: 1.05rem !important;
  line-height: 1.7 !important;
}

/* RESPONSIVE BREAKPOINTS */
@media (max-width: 1040px) {
  .axnv-gameinfo-hero-layout {
    grid-template-columns: 1fr !important;
    gap: 36px !important;
  }

  .axnv-gameinfo-feature-grid,
  .axnv-gameinfo-flow {
    grid-template-columns: repeat(2, 1fr) !important;
  }

  .axnv-gameinfo-econ-split {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 640px) {
  .axnv-gameinfo-feature-grid,
  .axnv-gameinfo-flow,
  .axnv-gameinfo-game-grid {
    grid-template-columns: 1fr !important;
  }

  .axnv-gameinfo-risk-band {
    grid-template-columns: 1fr !important;
  }

  .axnv-gameinfo-credit-foot {
    grid-template-columns: 1fr !important;
  }

  .axnv-gameinfo-hero-actions,
  .axnv-gameinfo-final-actions {
    flex-direction: column !important;
  }

  .axnv-gameinfo-btn {
    width: 100% !important;
  }
}


/* ==========================================================================
   FEATURED PAGE GLASS OVERRIDES
   ========================================================================== */
.axnv-featured-page {
  background-color: #020816 !important;
  color: #f8fafc !important;
}

.axnv-featured-hero-copy h1,
.axnv-featured-final-card h2,
.axnv-featured-card-name,
.axnv-hero-metric-val,
.axnv-featured-kicker,
.axnv-widget-title,
.axnv-filter-btn {
  font-family: 'Exo 2', sans-serif !important;
}

.axnv-featured-card {
  background: rgba(11, 19, 36, 0.65) !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
}

.axnv-featured-card:hover {
  border-color: rgba(0, 240, 255, 0.45) !important;
  background: rgba(14, 25, 48, 0.8) !important;
  box-shadow: 0 20px 45px rgba(0, 240, 255, 0.16), 0 0 28px rgba(0, 240, 255, 0.1) !important;
}

.axnv-featured-card-logo {
  background: rgba(255, 255, 255, 0.96) !important;
}

.axnv-featured-final-card {
  background: radial-gradient(circle at 50% 0%, rgba(0, 240, 255, 0.16), transparent 70%), rgba(11, 19, 36, 0.75) !important;
  backdrop-filter: blur(24px) !important;
  -webkit-backdrop-filter: blur(24px) !important;
  border: 1px solid rgba(0, 240, 255, 0.22) !important;
  box-shadow: 0 25px 80px rgba(0, 0, 0, 0.55), 0 0 50px rgba(0, 240, 255, 0.12) !important;
}

.axnv-featured-actions .axio-btn,
.axnv-featured-final-card a.axio-btn {
  font-family: 'Exo 2', sans-serif !important;
  font-weight: 800 !important;
  text-transform: none !important;
  border-radius: 999px !important;
}

.axnv-featured-actions .axio-btn-primary,
.axnv-featured-final-card a.axio-btn-primary {
  background: linear-gradient(135deg, #00f0ff, #0072ff) !important;
  color: #020816 !important;
  border: 1px solid #00f0ff !important;
  box-shadow: 0 10px 30px rgba(0, 240, 255, 0.3) !important;
}

/* ==========================================================================
   BLOG & ARTICLE GLASS OVERRIDES
   ========================================================================== */
.axnv-blog-main,
.axnv-article-main {
  background-color: #020816 !important;
  color: #f8fafc !important;
}

.axnv-blog-head h1,
.axnv-blog-card-title,
.axnv-article-title,
.axnv-article-body h2,
.axnv-article-body h3,
.axnv-blog-metric-val,
.axnv-blog-kicker,
.axnv-blog-cat-badge,
.axnv-article-cat,
.axnv-blog-final-cta h2,
.axnv-article-footer-cta h3 {
  font-family: 'Exo 2', sans-serif !important;
}

.axnv-blog-card {
  background: rgba(11, 19, 36, 0.65) !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
}

.axnv-blog-card:hover {
  border-color: rgba(0, 240, 255, 0.45) !important;
  background: rgba(14, 25, 48, 0.8) !important;
  box-shadow: 0 20px 45px rgba(0, 240, 255, 0.16), 0 0 28px rgba(0, 240, 255, 0.1) !important;
}

.axnv-blog-final-cta,
.axnv-article-footer-cta {
  background: radial-gradient(circle at 50% 0%, rgba(0, 240, 255, 0.16), transparent 70%), rgba(11, 19, 36, 0.75) !important;
  backdrop-filter: blur(24px) !important;
  -webkit-backdrop-filter: blur(24px) !important;
  border: 1px solid rgba(0, 240, 255, 0.22) !important;
  box-shadow: 0 25px 80px rgba(0, 0, 0, 0.55), 0 0 50px rgba(0, 240, 255, 0.12) !important;
}

.axnv-blog-cta-actions .axio-btn,
.axnv-article-footer-actions .axio-btn {
  font-family: 'Exo 2', sans-serif !important;
  font-weight: 800 !important;
  text-transform: none !important;
  border-radius: 999px !important;
}

.axnv-blog-cta-actions .axio-btn-primary,
.axnv-article-footer-actions .axio-btn-primary {
  background: linear-gradient(135deg, #00f0ff, #0072ff) !important;
  color: #020816 !important;
  border: 1px solid #00f0ff !important;
  box-shadow: 0 10px 30px rgba(0, 240, 255, 0.3) !important;
}

/* ==========================================================================
   PORTFOLIO GLASS OVERRIDES
   ========================================================================== */
.axnv-portfolio-page {
  background-color: #020816 !important;
  color: #f8fafc !important;
}

.axnv-portfolio-hero-copy h1,
.axnv-portfolio-section-heading h2,
.axnv-portfolio-card-head h3,
.axnv-portfolio-summary-value,
.axnv-portfolio-stat strong,
.axnv-portfolio-detail-grid strong,
.axnv-portfolio-position-amount,
.axnv-portfolio-kicker,
.axnv-portfolio-summary-label,
.axnv-portfolio-progress-label strong,
.axnv-portfolio-activity th {
  font-family: 'Exo 2', sans-serif !important;
}

.axnv-portfolio-summary {
  background: radial-gradient(circle at 100% 0%, rgba(0, 240, 255, 0.18), transparent 50%), rgba(11, 19, 36, 0.75) !important;
  backdrop-filter: blur(24px) !important;
  -webkit-backdrop-filter: blur(24px) !important;
  border: 1px solid rgba(0, 240, 255, 0.25) !important;
  box-shadow: 0 25px 80px rgba(0, 0, 0, 0.55), 0 0 40px rgba(0, 240, 255, 0.12) !important;
}

.axnv-portfolio-stat,
.axnv-portfolio-card {
  background: rgba(11, 19, 36, 0.65) !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
}

.axnv-portfolio-stat:hover,
.axnv-portfolio-card:hover {
  border-color: rgba(0, 240, 255, 0.35) !important;
}

.axnv-portfolio-btn {
  font-family: 'Exo 2', sans-serif !important;
  font-weight: 800 !important;
  text-transform: none !important;
  border-radius: 999px !important;
}

.axnv-portfolio-btn-primary {
  background: linear-gradient(135deg, #00f0ff, #0072ff) !important;
  color: #020816 !important;
  border: 1px solid #00f0ff !important;
  box-shadow: 0 10px 30px rgba(0, 240, 255, 0.3) !important;
}

.axnv-portfolio-btn-secondary {
  background: rgba(255, 255, 255, 0.04) !important;
  border: 1px solid rgba(255, 255, 255, 0.16) !important;
  color: #ffffff !important;
}

/* ========================================================
   AXIONOVA FOOTER BRAND WATERMARK (Dantva Style Enhanced)
   - Edge-to-edge extreme expansion (100% full width)
   - 20% bottom buried (clipped by container overflow)
   - Deeply transparent cyber-tinted typography
   - Organic high-voltage light-buzzing / neon flicker
   ======================================================== */
.elementor-element-c8ffa2d,
.elementor-element-c8e03af,
.elementor-element-c8e03af .e-con-inner {
  width: 100% !important;
  max-width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.axio-footer-end,
.axiom-footer-end-mobile {
  position: relative !important;
  overflow: hidden !important;
  width: 100% !important;
  min-height: clamp(170px, 20vw, 260px) !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  align-items: center !important;
  background: radial-gradient(ellipse 70% 60% at 50% 100%, rgba(0, 240, 255, 0.045), transparent 70%) !important;
  box-sizing: border-box !important;
  padding: 0 !important;
  margin-top: 10px !important;
}

.axnv-footer-brand-watermark {
  position: absolute !important;
  bottom: 0 !important;
  left: 50% !important;
  transform: translate(-50%, 22%) !important;
  width: 100% !important;
  width: 100vw !important;
  max-width: none !important;
  pointer-events: none !important;
  user-select: none !important;
  z-index: 1 !important;
  display: flex !important;
  justify-content: center !important;
  align-items: flex-end !important;
  overflow: visible !important;
}

.axnv-brand-svg {
  width: 100% !important;
  height: clamp(130px, 19vw, 280px) !important;
  display: block !important;
  overflow: visible !important;
}

.axnv-brand-text {
  font-family: 'Exo 2', sans-serif !important;
  font-weight: 800 !important;
  font-size: 240px !important;
  letter-spacing: 0.05em !important;
  text-transform: uppercase !important;
  fill: rgba(232, 241, 242, 0.035) !important;
  stroke: none !important;
  stroke-width: 0 !important;
  -webkit-text-stroke: 0 !important;
  filter: none !important;
  text-shadow: none !important;
  animation: axnv-light-buzz 6.5s infinite linear !important;
  transition: fill 0.3s ease, opacity 0.3s ease !important;
}

.axio-footer-end:hover .axnv-brand-text,
.axiom-footer-end-mobile:hover .axnv-brand-text {
  fill: rgba(232, 241, 242, 0.065) !important;
  stroke: none !important;
  filter: none !important;
  text-shadow: none !important;
}

@keyframes axnv-light-buzz {
  0%, 100% {
    fill: rgba(232, 241, 242, 0.035);
    opacity: 0.95;
    filter: none;
  }
  24% {
    fill: rgba(232, 241, 242, 0.042);
    opacity: 1;
    filter: none;
  }
  38% {
    fill: rgba(232, 241, 242, 0.035);
    opacity: 0.95;
    filter: none;
  }
  38.8% {
    fill: rgba(232, 241, 242, 0.075);
    opacity: 1;
    filter: none;
  }
  39.6% {
    fill: rgba(232, 241, 242, 0.028);
    opacity: 0.85;
    filter: none;
  }
  40.4% {
    fill: rgba(232, 241, 242, 0.085);
    opacity: 1;
    filter: none;
  }
  41.5% {
    fill: rgba(232, 241, 242, 0.035);
    opacity: 0.95;
    filter: none;
  }
  60% {
    fill: rgba(232, 241, 242, 0.04);
    opacity: 1;
    filter: none;
  }
  72% {
    fill: rgba(232, 241, 242, 0.035);
    opacity: 0.95;
    filter: none;
  }
  72.6% {
    fill: rgba(232, 241, 242, 0.075);
    opacity: 1;
    filter: none;
  }
  73.2% {
    fill: rgba(232, 241, 242, 0.025);
    opacity: 0.85;
    filter: none;
  }
  73.8% {
    fill: rgba(232, 241, 242, 0.08);
    opacity: 1;
    filter: none;
  }
  75% {
    fill: rgba(232, 241, 242, 0.035);
    opacity: 0.95;
    filter: none;
  }
}

.axio-footer-content-wrap {
  position: relative !important;
  z-index: 3 !important;
  width: 100% !important;
  max-width: 1320px !important;
  margin: 0 auto !important;
  padding: 0 32px 22px !important;
  box-sizing: border-box !important;
}

.axio-footer-status-row {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 14px !important;
  width: 100% !important;
}

.axio-footer-copy {
  color: rgba(232, 241, 242, 0.65) !important;
  font-family: var(--axio-font-body, Inter, sans-serif) !important;
  font-size: 0.85rem !important;
  letter-spacing: 0.02em !important;
}

.axio-footer-badge {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 6px 14px !important;
  border-radius: 999px !important;
  background: rgba(16, 185, 129, 0.08) !important;
  border: 1px solid rgba(16, 185, 129, 0.22) !important;
  color: #34d399 !important;
  font-family: var(--axio-font-body, Inter, sans-serif) !important;
  font-size: 0.78rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.04em !important;
}

.axio-footer-dot {
  width: 7px !important;
  height: 7px !important;
  border-radius: 50% !important;
  background: #10b981 !important;
  box-shadow: 0 0 8px #10b981 !important;
  animation: axioStatusPulse 2s ease-in-out infinite !important;
}

@media (max-width: 768px) {
  .axio-footer-status-row {
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    text-align: center !important;
    gap: 10px !important;
  }
  .axio-footer-content-wrap {
    padding: 0 16px 18px !important;
  }
}