/* ═══ NEBULA page — nebula.css ═══
   Background: aurora bands + particle shimmer, amber/gold theme */

body { background:#0f0a00; }

:root { --accent:#ffb830; --accent2:#ff8c42; --accent3:#ffe066; --accent-rgb:255,184,48; }

#page-bg { position:fixed; inset:0; z-index:0; pointer-events:none; overflow:hidden; }

/* Aurora bands */
.aurora {
  position:absolute; left:-20%; right:-20%;
  height:280px; border-radius:50%; filter:blur(70px); opacity:0;
  animation:auroraFlow ease-in-out infinite;
}
.aurora-1 { background:linear-gradient(90deg,transparent,rgba(255,184,48,.22),rgba(255,140,60,.18),transparent); top:5%; animation-duration:14s; animation-delay:0s; }
.aurora-2 { background:linear-gradient(90deg,transparent,rgba(255,220,80,.14),rgba(255,180,40,.16),transparent); top:18%; animation-duration:18s; animation-delay:-5s; }
.aurora-3 { background:linear-gradient(90deg,transparent,rgba(200,120,20,.1),rgba(255,200,60,.12),transparent); top:35%; animation-duration:22s; animation-delay:-9s; }

@keyframes auroraFlow {
  0%   { opacity:0;   transform:translateX(-30%) scaleY(1); }
  20%  { opacity:1; }
  50%  { opacity:.7;  transform:translateX(30%) scaleY(1.3); }
  80%  { opacity:1; }
  100% { opacity:0;   transform:translateX(-30%) scaleY(1); }
}

/* Shimmer dots canvas */
#page-overlay {
  position:fixed; inset:0; z-index:0; pointer-events:none;
  background:radial-gradient(ellipse 60% 60% at 50% 50%,transparent 40%,rgba(255,184,48,.03) 60%,transparent 72%);
}

hr.divider { background:linear-gradient(90deg,transparent,rgba(255,184,48,.38),transparent); }
.tag { color:var(--accent); }
.metric-val { background:linear-gradient(135deg,var(--accent),var(--accent2)); -webkit-background-clip:text; background-clip:text; color:transparent; }
.process-step::after { background:linear-gradient(90deg,var(--accent),var(--accent2)); }
.big-stat-val { background:linear-gradient(135deg,var(--accent),var(--accent2)); -webkit-background-clip:text; background-clip:text; color:transparent; }