
/* =================================================
   AURIXA LUXURY STARTUP V1
   ONLY THE WELCOME / LOADING SCREEN
   Graphite + Navy + Silver + Lime
   ================================================= */

.nxv-loader {
  --lux-base:#111820;
  --lux-surface:#202831;
  --lux-silver:#e9edf2;
  --lux-lime:#c4ed75;

  background:
    radial-gradient(
      ellipse at 50% 12%,
      rgba(196,237,117,.11),
      transparent 49%
    ),
    linear-gradient(
      160deg,
      #131c26,
      #0d141c 72%
    ) !important;

  color:#f5f7f9 !important;
  min-height:100dvh !important;
  padding:12px 10px !important;
  box-sizing:border-box !important;
}

/* Subtle technical atmosphere */
.nxv-loader .nxv-ambient {
  background:
    linear-gradient(
      90deg,
      transparent 49.8%,
      rgba(196,237,117,.04) 50%,
      transparent 50.2%
    ),
    radial-gradient(
      circle at center,
      rgba(117,145,165,.08),
      transparent 70%
    ) !important;

  pointer-events:none !important;
}

/* Main premium container */
.nxv-loader .nxv-panel {
  position:relative !important;
  isolation:isolate !important;
  box-sizing:border-box !important;
  width:min(100%,430px) !important;

  background:
    radial-gradient(
      ellipse at 50% 21%,
      rgba(170,203,109,.075),
      transparent 47%
    ),
    linear-gradient(
      165deg,
      #27313b 0%,
      #19222b 43%,
      #111820 100%
    ) !important;

  border:1px solid rgba(218,229,239,.15) !important;
  border-radius:26px !important;

  box-shadow:
    0 24px 65px rgba(0,0,0,.28),
    inset 0 1px rgba(255,255,255,.10) !important;

  overflow:hidden !important;
}

/* Thin premium highlight */
.nxv-loader .nxv-panel::before {
  content:"" !important;
  position:absolute !important;
  display:block !important;
  top:0 !important;
  left:13% !important;
  right:13% !important;
  height:2px !important;

  background:linear-gradient(
    90deg,
    transparent,
    #c4ed75,
    #edf6d5,
    transparent
  ) !important;

  box-shadow:0 0 14px rgba(196,237,117,.23) !important;
  pointer-events:none !important;
}

/* Header */
.nxv-loader .nxv-header {
  position:relative !important;

  background:rgba(12,19,26,.34) !important;
  border-bottom:1px solid rgba(255,255,255,.08) !important;

  box-shadow:none !important;
}

.nxv-loader .nxv-brand,
.nxv-loader .nxv-brand strong {
  color:#eef3f6 !important;
  letter-spacing:.16em !important;
  font-weight:900 !important;
}

.nxv-loader .nxv-brand-dot {
  background:#c4ed75 !important;
  box-shadow:0 0 12px rgba(196,237,117,.42) !important;
}

/* Secure verification badge */
.nxv-loader .nxv-secure {
  color:#d6e9ba !important;
  background:rgba(196,237,117,.07) !important;
  border:1px solid rgba(196,237,117,.27) !important;
  box-shadow:none !important;
  letter-spacing:.12em !important;
}

/* Brand centerpiece */
.nxv-loader .nxv-logo-section {
  position:relative !important;
  background:transparent !important;
}

.nxv-loader .nxv-logo-halo {
  position:relative !important;
  width:154px !important;
  height:154px !important;
  margin-left:auto !important;
  margin-right:auto !important;

  display:grid !important;
  place-items:center !important;

  background:
    radial-gradient(
      circle,
      rgba(196,237,117,.10),
      transparent 67%
    ) !important;

  border-radius:50% !important;
  box-shadow:none !important;
}

/* Decorative precision ring */
.nxv-loader .nxv-logo-halo::before {
  content:"" !important;
  position:absolute !important;
  inset:2px !important;

  border-radius:50% !important;
  border:1px dashed rgba(196,237,117,.25) !important;

  background:transparent !important;
  animation:aurixaLuxOrbit 18s linear infinite !important;

  pointer-events:none !important;
}

/* Metallic AI identity */
.nxv-loader .nxv-logo-ring {
  position:relative !important;
  width:116px !important;
  height:116px !important;

  display:grid !important;
  place-items:center !important;

  border-radius:32px !important;
  border:1px solid rgba(217,232,201,.35) !important;

  background:
    linear-gradient(
      145deg,
      #374651 0%,
      #17212a 55%,
      #0e161f 100%
    ) !important;

  box-shadow:
    0 15px 35px rgba(0,0,0,.37),
    0 0 35px rgba(196,237,117,.075),
    inset 0 1px rgba(255,255,255,.14) !important;

  overflow:hidden !important;
  transform:rotate(-5deg) !important;
}

/* Hide the outdated NEXORA artwork on Loading ONLY */
.nxv-loader .nxv-logo-ring img {
  opacity:0 !important;
  visibility:hidden !important;
  position:absolute !important;
}

/* AURIXA metallic monogram */
.nxv-loader .nxv-logo-ring::after {
  content:"A" !important;

  position:absolute !important;
  inset:0 !important;

  display:grid !important;
  place-items:center !important;

  font-family:Georgia,serif !important;
  font-size:79px !important;
  font-weight:900 !important;
  line-height:1 !important;

  background:linear-gradient(
    150deg,
    #ffffff 12%,
    #d9e3e8 38%,
    #a4c66b 72%,
    #eaf7d4 100%
  ) !important;

  -webkit-background-clip:text !important;
  background-clip:text !important;
  -webkit-text-fill-color:transparent !important;

  transform:rotate(5deg) !important;
}

/* Main title */
.nxv-loader .nxv-panel h1,
.nxv-loader .nxv-panel h2 {
  color:#f4f7f9 !important;
  letter-spacing:-.045em !important;
  text-shadow:none !important;
}

.nxv-loader .nxv-panel p {
  color:#aebbc7 !important;
}

/* Progress module */
.nxv-loader .nxv-progress {
  background:rgba(13,21,29,.44) !important;
  border:1px solid rgba(210,224,235,.11) !important;
  border-radius:17px !important;

  padding:13px !important;

  box-shadow:inset 0 1px rgba(255,255,255,.03) !important;
}

.nxv-loader .nxv-progress-top {
  color:#bfcbd5 !important;
}

/* Actual progress bars, retaining React progress */
.nxv-loader .nxv-progress [class*="fill"],
.nxv-loader .nxv-progress [class*="bar"] > span {
  background:linear-gradient(
    90deg,
    #7c9d51,
    #c4ed75,
    #edf7d7
  ) !important;

  box-shadow:0 0 12px rgba(196,237,117,.25) !important;
}

/* Step indicators */
.nxv-loader [class*="step"] {
  border-color:rgba(224,234,242,.15);
}

.nxv-loader [class*="step"] small,
.nxv-loader [class*="step"] span {
  text-shadow:none !important;
}

/* Footer */
.nxv-loader [class*="footer"] {
  color:#81909e !important;
  border-color:rgba(255,255,255,.08) !important;
}

/* Animations */
@keyframes aurixaLuxOrbit {
  from { transform:rotate(0deg); }
  to   { transform:rotate(360deg); }
}

/* Mobile */
@media(max-width:420px) {
  .nxv-loader {
    padding:8px !important;
  }

  .nxv-loader .nxv-panel {
    border-radius:22px !important;
  }

  .nxv-loader .nxv-logo-halo {
    width:140px !important;
    height:140px !important;
  }

  .nxv-loader .nxv-logo-ring {
    width:104px !important;
    height:104px !important;
  }
}

/* Accessibility */
@media(prefers-reduced-motion:reduce) {
  .nxv-loader .nxv-logo-halo::before {
    animation:none !important;
  }
}

/* END AURIXA LUXURY STARTUP V1 */
