.hx3 {
  pointer-events: none;
  position: fixed;
  z-index: 30000;
  inset: 0;
  overflow: hidden;
  background: #020105;
  color: #fff;
  opacity: 0;
  visibility: hidden;
  transition: .45s;
  font-family: Inter, Arial, sans-serif;
}

.hx3.open {
  pointer-events: auto;
  opacity: 1;
  visibility: visible;
}

.hx3-open {
  overflow: hidden;
}

.hx3-canvas,
.hx3-vignette {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

.hx3-canvas { z-index: 0; }

.hx3-vignette {
  z-index: 1;
  pointer-events: none;
  background: radial-gradient(circle, transparent 18%, rgba(2, 1, 5, .30) 56%, #020105 100%);
}

.hx3-hud {
  position: absolute;
  z-index: 60;
  left: 26px;
  right: 26px;
  top: 22px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 17px;
  border: 1px solid rgba(255, 255, 255, .12);
  border-radius: 12px;
  background: rgba(5, 3, 9, .45);
  backdrop-filter: blur(12px);
  color: #c9bdcf;
  font: 700 9px Consolas, monospace;
  letter-spacing: .14em;
}

.hx3-hud span {
  display: flex;
  align-items: center;
  gap: 8px;
}

.hx3-hud i {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #42efaa;
  box-shadow: 0 0 12px #42efaa;
}

.hx3-hud b { color: #fff !important; }
.hx3-hud strong { color: #a78bfa; }

.hx3-skip {
  position: absolute;
  z-index: 70;
  right: 27px;
  bottom: 22px;
  padding: 10px 15px;
  border: 1px solid rgba(255, 255, 255, .2);
  border-radius: 999px;
  background: rgba(10, 7, 14, .65);
  color: #fff;
  cursor: pointer;
}

.hx3-scene {
  position: absolute;
  z-index: 5;
  inset: 0;
  opacity: 0;
  visibility: hidden;
  transform: scale(1.02);
  transition: opacity .7s ease, transform .9s ease, visibility 0s linear .7s;
}

.hx3-scene.active {
  opacity: 1;
  visibility: visible;
  transform: none;
  transition-delay: 0s;
}

.hx3-copy span,
.hx3-flight-copy span,
.hx3-project>span,
.hx3-final>span,
.hx3-world-top span,
.hx3-hack-strip span {
  color: #c4b5fd;
  font: 800 9px Consolas, monospace;
  letter-spacing: .16em;
}

/* gate */
.hx3-gate {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8vw;
  padding: 75px 5vw 40px;
  background: radial-gradient(circle at 53% 50%, rgba(100, 45, 160, .25), transparent 34%);
}

.hx3-terminal,
.hx3-hack-panel {
  overflow: hidden;
  border-radius: 17px;
  background: rgba(8, 6, 11, .88);
  box-shadow: 0 35px 90px #000;
}

.hx3-terminal {
  width: min(29vw, 390px);
  border: 1px solid #493456;
  transform: perspective(900px) rotateY(-7deg);
}

.hx3-gate .hx3-terminal {
  margin-left: auto;
  margin-right: 5vw;
}

.hx3-terminal header,
.hx3-hack-panel header {
  height: 40px;
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 0 13px;
  border-bottom: 1px solid #302637;
}

.hx3-terminal header i,
.hx3-hack-panel header i {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #73687b;
}

.hx3-terminal header i:first-child,
.hx3-hack-panel header i:first-child { background: #e30613; }

.hx3-terminal header b,
.hx3-hack-panel header b {
  margin-left: 6px;
  color: #fff !important;
  font: 700 10px Consolas, monospace;
}

.hx3-terminal pre {
  min-height: 190px;
  padding: 18px;
  color: #baffdf;
  font: 12px/1.75 Consolas, monospace;
  white-space: pre-wrap;
}

.hx3-terminal>strong {
  display: block;
  padding: 13px;
  background: #1d1623;
  color: #c4b5fd;
  text-align: center;
  font: 800 9px Consolas, monospace;
  letter-spacing: .13em;
}

.hx3-terminal>strong.ok {
  background: #09291e;
  color: #5ff0a9;
}

.hx3-copy {
  position: absolute;
  left: 6%;
  bottom: 7%;
  max-width: 540px;
  padding-left: 18px;
  border-left: 3px solid #8b5cf6;
}

.hx3-copy h2 {
  margin: 8px 0;
  color: #fff !important;
  font-size: 28px !important;
}

.hx3-copy p {
  margin: 0;
  color: #cabfd2 !important;
}

/* flight - sem espiral */
.hx3-flight {
  display: grid;
  place-items: center;
  overflow: hidden;
  text-align: center;
  background:
    radial-gradient(circle at 50% 50%, rgba(124, 58, 237, .16), transparent 30%),
    linear-gradient(180deg, #05020a 0%, #07030d 40%, #040208 100%);
}

.hx3.warp .hx3-flight:before,
.hx3.red-warp .hx3-flight:before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 50% 50%, rgba(255,255,255,.1), transparent 9%),
    radial-gradient(circle at 50% 50%, rgba(124, 58, 237, .18), transparent 23%),
    radial-gradient(circle at 50% 50%, rgba(124, 58, 237, .06), transparent 48%);
}

.hx3.red-warp .hx3-flight:before {
  background:
    radial-gradient(circle at 50% 50%, rgba(255,255,255,.1), transparent 9%),
    radial-gradient(circle at 50% 50%, rgba(227, 6, 19, .22), transparent 23%),
    radial-gradient(circle at 50% 50%, rgba(227, 6, 19, .07), transparent 48%);
}

.hx3-flight-tunnel {
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
}

.hx3-flight-tunnel i,
.hx3-flight-tunnel em {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.hx3-flight-tunnel i {
  width: 72vw;
  max-width: 1280px;
  height: 14px;
  border-radius: 999px;
  background: linear-gradient(90deg, transparent, rgba(139, 92, 246, .7), rgba(255,255,255,.95), rgba(139, 92, 246, .7), transparent);
  filter: blur(1px);
  opacity: .35;
  animation: hx3TunnelLine 2.6s linear infinite;
}

.hx3-flight-tunnel i:nth-child(1) { transform: translate(-50%, -50%) rotate(12deg) scale(1); animation-delay: -0.2s; }
.hx3-flight-tunnel i:nth-child(2) { transform: translate(-50%, -50%) rotate(-16deg) scale(.88); animation-delay: -0.8s; }
.hx3-flight-tunnel i:nth-child(3) { transform: translate(-50%, -50%) rotate(34deg) scale(.76); animation-delay: -1.2s; }
.hx3-flight-tunnel i:nth-child(4) { transform: translate(-50%, -50%) rotate(-36deg) scale(.63); animation-delay: -1.8s; }
.hx3-flight-tunnel i:nth-child(5) { transform: translate(-50%, -50%) rotate(68deg) scale(.52); animation-delay: -2.1s; }
.hx3-flight-tunnel i:nth-child(6) { transform: translate(-50%, -50%) rotate(-72deg) scale(.46); animation-delay: -2.4s; }

.hx3.red-warp .hx3-flight-tunnel i {
  background: linear-gradient(90deg, transparent, rgba(227, 6, 19, .72), rgba(255,255,255,.95), rgba(227, 6, 19, .72), transparent);
}

.hx3-flight-core {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 220px;
  height: 220px;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  background:
    radial-gradient(circle, rgba(255,255,255,.9) 0 2%, rgba(195,171,255,.9) 4%, rgba(124,58,237,.42) 18%, rgba(11,5,20,.15) 42%, transparent 72%);
  filter: blur(1px);
  box-shadow: 0 0 55px rgba(139,92,246,.35);
  animation: hx3CorePulse 1.9s ease-in-out infinite;
}

.hx3.red-warp .hx3-flight-core {
  background: radial-gradient(circle, rgba(255,255,255,.9) 0 2%, rgba(255,165,178,.9) 4%, rgba(227,6,19,.44) 18%, rgba(20,5,8,.15) 42%, transparent 72%);
  box-shadow: 0 0 55px rgba(227,6,19,.35);
}

.hx3-flight-particle {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: rgba(255,255,255,.95);
  box-shadow: 0 0 16px rgba(139,92,246,.9);
  animation: hx3TunnelParticle 1.8s linear infinite;
}

.hx3-flight-particle.p2 { animation-delay: -.6s; }
.hx3-flight-particle.p3 { animation-delay: -1.15s; }

.hx3.red-warp .hx3-flight-particle { box-shadow: 0 0 16px rgba(227,6,19,.9); }

.hx3-flight-copy {
  position: relative;
  z-index: 5;
  width: min(900px, 90%);
}

.hx3-flight-copy h2 {
  margin: 12px 0;
  color: #fff !important;
  font-size: clamp(38px, 6vw, 82px) !important;
  line-height: 1 !important;
  text-shadow: 0 8px 45px #000;
}

.hx3-flight-copy p { color: #d8cfe0 !important; }

.hx3-flight-copy>div {
  width: min(600px, 90%);
  height: 4px;
  margin: 23px auto;
  border-radius: 5px;
  background: rgba(255, 255, 255, .15);
  overflow: hidden;
}

.hx3-flight-copy i,
.hx3-hack-progress i {
  display: block;
  height: 100%;
  background: linear-gradient(90deg, #7c3aed, #fff, #e30613);
}

.hx3-flight-copy i {
  width: 30%;
  animation: hx3Bar 3s ease-in-out infinite;
}

.hx3-tech-cloud {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 3;
}

.hx3-tech-cloud span {
  position: absolute;
  padding: 8px 12px;
  border: 1px solid rgba(196, 181, 253, .25);
  border-radius: 999px;
  background: rgba(10, 6, 15, .55);
  color: #d6c6e3;
  font: 700 8px Consolas, monospace;
  animation: hx3Fly 5s linear infinite;
}

.hx3-tech-cloud span:nth-child(1) { left: 8%; top: 32%; }
.hx3-tech-cloud span:nth-child(2) { right: 10%; top: 23%; animation-delay: -1s; }
.hx3-tech-cloud span:nth-child(3) { left: 16%; bottom: 18%; animation-delay: -2s; }
.hx3-tech-cloud span:nth-child(4) { right: 19%; bottom: 23%; animation-delay: -3s; }
.hx3-tech-cloud span:nth-child(5) { left: 48%; top: 15%; animation-delay: -4s; }
.hx3-tech-cloud span:nth-child(6) { right: 6%; top: 55%; animation-delay: -2.5s; }

/* rodeiro */
.hx3-rodeiro {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8vw;
  padding: 70px 7vw;
  background: radial-gradient(circle at 30% 50%, rgba(124, 58, 237, .28), transparent 30%);
}

.hx3-planet {
  position: relative;
  width: min(38vw, 470px);
  aspect-ratio: 1;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: radial-gradient(circle at 35% 28%, #f6ecff, #9a68ca 20%, #3d185d 54%, #08040d 75%);
  box-shadow: inset -45px -35px 70px #040207, 0 0 85px rgba(167, 139, 250, .48);
  animation: hx3Planet 6s ease-in-out infinite;
}

.hx3-planet:after {
  content: "";
  position: absolute;
  left: -15%;
  right: -15%;
  top: 47%;
  height: 13%;
  border: 5px solid rgba(196, 181, 253, .38);
  border-radius: 50%;
  transform: rotate(-14deg);
  box-shadow: 0 0 25px #8b5cf6;
}

.hx3-planet i {
  position: absolute;
  inset: -12%;
  border: 1px dashed rgba(196, 181, 253, .24);
  border-radius: 50%;
  animation: hx3Ring 18s linear infinite;
}

.hx3-planet i:nth-child(2) { inset: -25%; animation-direction: reverse; }

.hx3-planet b {
  position: relative;
  z-index: 2;
  color: #fff !important;
  font-size: 90px;
  text-shadow: 0 0 25px #fff;
}

.hx3-project {
  width: min(610px, 48vw);
  padding: 38px;
  border: 1px solid #543964;
  border-radius: 26px;
  background: rgba(12, 8, 17, .88);
  box-shadow: 0 40px 100px #000;
  backdrop-filter: blur(16px);
}

.hx3-project h2 {
  margin: 12px 0;
  color: #fff !important;
  font-size: clamp(33px, 4vw, 56px) !important;
}

.hx3-project p {
  color: #d1c6d8 !important;
  line-height: 1.7;
}

.hx3-project div,
.hx3-final>div {
  display: flex;
  gap: 10px;
}

.hx3-project a,
.hx3-project button,
.hx3-final a,
.hx3-final button {
  display: inline-flex;
  margin-top: 16px;
  padding: 13px 19px;
  border: 1px solid rgba(255, 255, 255, .22);
  border-radius: 12px;
  background: #7c3aed;
  color: #fff;
  text-decoration: none;
  font-weight: 900;
  cursor: pointer;
}

.hx3-project button,
.hx3-final button { background: rgba(255, 255, 255, .08); }

/* world */
.hx3-world {
  overflow: hidden;
  background:
    radial-gradient(circle at 50% 24%, rgba(227, 6, 19, .34), transparent 18%),
    radial-gradient(circle at 50% 58%, rgba(227, 6, 19, .12), transparent 30%),
    linear-gradient(180deg, #040204 0%, #090305 32%, #100204 72%, #040102 100%);
}

.hx3-world-glow,
.hx3-world-grid,
.hx3-world-top,
.hx3-brain-backdrop,
.hx3-brain-core,
.hx3-hack-panel,
.hx3-module,
.hx3-final {
  position: absolute;
}

.hx3-world-glow {
  inset: 0;
  background:
    radial-gradient(circle at 50% 20%, rgba(255, 46, 66, .22), transparent 18%),
    radial-gradient(circle at 50% 39%, rgba(227, 6, 19, .08), transparent 26%);
  filter: blur(18px);
}

.hx3-world-grid {
  left: -10%;
  right: -10%;
  bottom: -24%;
  height: 54%;
  border-radius: 50% 50% 0 0;
  background-image:
    linear-gradient(rgba(227, 6, 19, .11) 1px, transparent 1px),
    linear-gradient(90deg, rgba(227, 6, 19, .11) 1px, transparent 1px);
  background-size: 38px 38px;
  transform: perspective(400px) rotateX(52deg);
  box-shadow: 0 -20px 70px rgba(227, 6, 19, .18);
}

.hx3-world-top {
  left: 50%;
  top: 9.2%;
  width: min(780px, 90%);
  transform: translateX(-50%);
  text-align: center;
  display: grid;
  gap: 6px;
  z-index: 9;
}

.hx3-world-top strong {
  color: #fff;
  font-size: clamp(15px, 1.5vw, 22px);
  letter-spacing: .18em;
  font-weight: 900;
}

.hx3-world-top small {
  color: #d2c1c7;
  font: 500 12px/1.45 Inter, Arial, sans-serif;
}

.hx3-brain-backdrop {
  left: 50%;
  top: 31%;
  width: min(54vw, 760px);
  height: min(33vw, 430px);
  transform: translate(-50%, -50%);
  border-radius: 50%;
  background:
    radial-gradient(circle, rgba(255,255,255,.08), transparent 10%),
    radial-gradient(circle, rgba(255, 73, 98, .20), rgba(227, 6, 19, .06) 42%, transparent 72%);
  box-shadow: 0 0 90px rgba(227, 6, 19, .24);
  filter: blur(8px);
  animation: hx3BrainPulse 3.2s ease-in-out infinite;
}

.hx3-brain-core {
  left: 50%;
  top: 31%;
  width: min(54vw, 760px);
  height: min(33vw, 430px);
  transform: translate(-50%, -50%);
  z-index: 8;
}

.hx3-brain-outline {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

.hx3-brain-outline .shell {
  fill: rgba(15, 6, 8, .18);
  stroke: rgba(255, 121, 145, .28);
  stroke-width: 2;
}

.hx3-brain-outline .hemisphere {
  fill: url(#hx3BrainFill);
  stroke: rgba(255, 142, 163, .62);
  stroke-width: 2.2;
  filter: url(#hx3BrainGlow);
}

.hx3-brain-outline .rim {
  fill: none;
  stroke: rgba(255, 185, 196, .18);
  stroke-width: 4;
}

.hx3-brain-outline .crease {
  fill: none;
  stroke: rgba(255, 149, 171, .72);
  stroke-width: 4;
  stroke-linecap: round;
  opacity: .88;
}

.hx3-brain-outline .circuit {
  fill: none;
  stroke: rgba(255, 211, 220, .92);
  stroke-width: 1.6;
  stroke-linecap: round;
  stroke-dasharray: 8 9;
  animation: hx3Network 7s linear infinite;
}

.hx3-brain-outline .beam {
  stroke: rgba(255, 240, 244, .55);
  stroke-width: 2.3;
  filter: url(#hx3BeamGlow);
}

.hx3-brain-outline .core {
  fill: rgba(255, 255, 255, .86);
  filter: url(#hx3NodeGlow);
}

.hx3-brain-outline .node {
  fill: rgba(255,255,255,.96);
  filter: url(#hx3NodeGlow);
  animation: hx3Node 2s ease-in-out infinite;
}

.hx3-brain-outline .node:nth-of-type(2n) { animation-delay: -.6s; }
.hx3-brain-outline .node:nth-of-type(3n) { animation-delay: -1.1s; }

.hx3-brain-scan {
  position: absolute;
  left: 11%;
  right: 11%;
  height: 2px;
  background: linear-gradient(90deg, transparent, rgba(255, 228, 234, .96), transparent);
  filter: drop-shadow(0 0 8px rgba(255, 170, 184, .78));
  animation: hx3Scan 3.5s linear infinite;
}

.hx3-brain-scan.scan-a { top: 37%; }
.hx3-brain-scan.scan-b { top: 61%; animation-delay: -1.75s; }

.hx3-module {
  width: 178px;
  padding: 14px 16px;
  border: 1px solid rgba(227, 6, 19, .35);
  border-radius: 14px;
  background: rgba(11, 6, 7, .8);
  box-shadow: 0 16px 40px #000;
  backdrop-filter: blur(10px);
  z-index: 9;
  animation: hx3Module 4.6s ease-in-out infinite;
}

.hx3-module b,
.hx3-module small,
.hx3-module em { display: block; }

.hx3-module b {
  color: #fff !important;
  font-size: 11px;
  letter-spacing: .08em;
}

.hx3-module small {
  margin-top: 6px;
  color: #ff7b84;
}

.hx3-module em {
  margin-top: 8px;
  color: #cbb7be;
  font: 700 8px Consolas, monospace;
  letter-spacing: .14em;
  font-style: normal;
}

.m1 { left: 11%; top: 29%; }
.m2 { right: 11%; top: 28%; animation-delay: -1.2s; }
.m3 { left: 12%; top: 57%; animation-delay: -2.4s; }
.m4 { right: 12%; top: 57%; animation-delay: -3.3s; }

.hx3-hack-panel {
  left: 50%;
  top: 61%;
  width: min(760px, 68vw);
  transform: translateX(-50%);
  border: 1px solid rgba(255, 82, 105, .24);
  background: rgba(8, 5, 8, .86);
  box-shadow: 0 28px 70px rgba(0, 0, 0, .72);
  backdrop-filter: blur(18px);
  z-index: 10;
}

.hx3-hack-panel:before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(227, 6, 19, .10), transparent 18%, transparent 70%, rgba(255, 82, 105, .05));
  pointer-events: none;
}

.hx3-hack-strip {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 12px 18px;
  border-bottom: 1px solid rgba(255, 255, 255, .08);
}

.hx3-hack-strip strong {
  color: #ffb1be;
  font: 800 10px Consolas, monospace;
  letter-spacing: .12em;
}

.hx3-hack-panel pre {
  min-height: 132px;
  max-height: 132px;
  margin: 0;
  padding: 18px 18px 14px;
  overflow: hidden;
  color: #aefdd2;
  font: 12px/1.62 Consolas, monospace;
  white-space: pre-wrap;
}

.hx3-hack-progress {
  height: 4px;
  margin: 0 18px 18px;
  border-radius: 999px;
  overflow: hidden;
  background: rgba(255, 255, 255, .10);
}

.hx3-hack-progress i {
  width: 40%;
  animation: hx3HackBar 2.6s ease-in-out infinite;
}

.hx3-final {
  z-index: 30;
  left: 50%;
  top: 54%;
  bottom: auto;
  width: min(430px, 88%);
  transform: translate(-50%, -50%) scale(.94);
  text-align: center;
  padding: 24px 20px 20px;
  border: 1px solid rgba(255, 82, 105, .36);
  border-radius: 18px;
  background: rgba(8, 5, 8, .96);
  box-shadow: 0 28px 90px rgba(0,0,0,.78), 0 0 45px rgba(227,6,19,.12);
  backdrop-filter: blur(18px);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity .28s ease, transform .28s ease, visibility 0s linear .28s;
  font-size: 12px;
}

.hx3-final.show {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translate(-50%, -50%) scale(1);
  transition-delay: 0s;
}

.hx3-final-close {
  position: absolute;
  top: 9px;
  right: 10px;
  width: 28px;
  height: 28px;
  display: grid;
  place-items: center;
  padding: 0;
  margin: 0 !important;
  border: 1px solid rgba(255,255,255,.14) !important;
  border-radius: 8px !important;
  background: rgba(255,255,255,.06) !important;
  color: #fff;
  font: 700 16px/1 Arial, sans-serif;
  cursor: pointer;
}

.hx3-final-close:hover {
  background: rgba(227,6,19,.28) !important;
  border-color: rgba(227,6,19,.62) !important;
}

.hx3-final>span {
  display: block;
  margin-bottom: 8px;
  font-size: 9px;
}

.hx3-final h2 {
  margin: 6px 26px 8px;
  color: #fff !important;
  font-size: 12px !important;
  line-height: 1.45;
  letter-spacing: .03em;
}

.hx3-final p {
  margin: 0;
  color: #d5c8cc !important;
  font-size: 12px !important;
  line-height: 1.5;
}

.hx3-final>div {
  justify-content: center;
  margin-top: 10px;
}

.hx3-final a,
.hx3-final>div button {
  margin-top: 0;
  padding: 10px 14px;
  font-size: 12px;
}

.hx3-final a {
  background: #e30613;
  box-shadow: 0 13px 30px rgba(227, 6, 19, .3);
}


/* traveler */
.hx3-traveler {
  position: absolute;
  z-index: 8;
  left: 7%;
  top: 18%;
  width: min(29vw, 390px);
  height: 70vh;
  pointer-events: none;
  transition: left 1.2s ease, right 1.2s ease, top 1.2s ease, width 1.2s ease, opacity .8s ease, filter .8s ease;
  filter: drop-shadow(0 28px 38px rgba(0, 0, 0, .72));
}

.hx3-traveler img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  mix-blend-mode: screen;
}

.hx3-flight-body { display: none; }
.hx3.stage-1 .hx3-stand-body { display: none; }
.hx3.stage-1 .hx3-flight-body { display: block; }

.hx3-traveler span {
  position: absolute;
  left: 42%;
  top: 34%;
  width: 25%;
  height: 25%;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(227, 6, 19, .58), rgba(124, 58, 237, .25), transparent 70%);
  filter: blur(10px);
  animation: hx3TravelerCore 1.4s ease-in-out infinite;
}

.hx3-traveler i {
  position: absolute;
  left: 48%;
  top: 52%;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 0 18px 8px rgb(139, 92, 246);
  opacity: 0;
}

.hx3.stage-1 .hx3-traveler {
  animation: hx3TravelerFlight 5.7s cubic-bezier(.25, .65, .25, 1) infinite;
  filter: drop-shadow(0 0 22px rgb(139, 92, 246));
}

.hx3.stage-1 .hx3-traveler i {
  opacity: 1;
  animation: hx3TravelerTrail .75s ease-out infinite;
}

.hx3.stage-2 .hx3-traveler {
  left: 2%;
  top: 48%;
  width: 145px;
  height: 42vh;
  filter: drop-shadow(0 18px 30px #000);
}

.hx3.stage-3 .hx3-traveler {
  left: auto;
  right: 4.2%;
  top: 48%;
  width: 128px;
  height: 36vh;
  filter: drop-shadow(0 0 24px rgba(227, 6, 19, .55));
}

.hx3.red-warp.stage-1 .hx3-traveler {
  filter: drop-shadow(0 0 28px rgba(227, 6, 19, .75));
}

/* animations */
@keyframes hx3TravelerFlight {
  0% { left: 7%; top: 18%; width: min(29vw, 390px); transform: rotate(0) scale(1); opacity: 1; }
  22% { left: 24%; top: 8%; width: 245px; transform: rotate(8deg) scale(.88); }
  48% { left: 51%; top: 55%; width: 135px; transform: rotate(-18deg) scale(.72); opacity: .82; }
  72% { left: 72%; top: 13%; width: 88px; transform: rotate(12deg) scale(.55); opacity: .62; }
  100% { left: 94%; top: 45%; width: 38px; transform: rotate(-8deg) scale(.38); opacity: .18; }
}

@keyframes hx3TravelerTrail {
  0% { transform: scale(1); opacity: 1; }
  100% { transform: translate(-90px, 38px) scale(5); opacity: 0; }
}

@keyframes hx3TravelerCore { 50% { transform: scale(1.35); filter: blur(14px); } }
@keyframes hx3Fly { 50% { transform: translate(20px, -18px) scale(1.2); opacity: .45; } }
@keyframes hx3Planet { 50% { transform: translateY(-10px) rotate(2deg); } }
@keyframes hx3Ring { to { transform: rotate(360deg); } }
@keyframes hx3Bar { 50% { width: 95%; } }
@keyframes hx3BrainPulse { 50% { transform: translate(-50%, -50%) scale(1.06); opacity: .92; } }
@keyframes hx3Module { 50% { transform: translateY(-10px); border-color: #e30613; } }
@keyframes hx3HackBar { 50% { width: 100%; } }
@keyframes hx3Node { 50% { transform: scale(1.55); opacity: .55; } }
@keyframes hx3Network { to { stroke-dashoffset: -120; } }

@keyframes hx3Scan {
  0% { transform: translateY(-10px); opacity: 0; }
  12%, 84% { opacity: 1; }
  100% { transform: translateY(125px); opacity: 0; }
}

@keyframes hx3TunnelLine {
  0% { opacity: .08; filter: blur(1px); }
  45% { opacity: .38; }
  100% { opacity: .02; filter: blur(2px); transform: translate(-50%, -50%) scale(.14); }
}

@keyframes hx3CorePulse {
  50% { transform: translate(-50%, -50%) scale(1.14); opacity: .88; }
}

@keyframes hx3TunnelParticle {
  0% { transform: translate(-50%, -50%) scale(.1); opacity: 0; }
  30% { opacity: 1; }
  100% { transform: translate(calc(-50% + 420px), calc(-50% - 260px)) scale(1.65); opacity: 0; }
}

/* responsive */
@media (max-width: 1180px) {
  .hx3-world-top { top: 8.8%; }
  .m1 { left: 5%; }
  .m2 { right: 5%; }
  .m3 { left: 6%; }
  .m4 { right: 6%; }
  .hx3-hack-panel { width: min(760px, 76vw); }
}

@media (max-width: 980px) {
  .hx3-hud { left: 10px; right: 10px; }
  .hx3-hud span { display: none; }
  .hx3-gate, .hx3-rodeiro { gap: 0; }

  .hx3-terminal {
    position: absolute;
    right: 15px;
    bottom: 13%;
    width: 300px;
    transform: none;
  }

  .hx3-copy {
    left: 15px;
    bottom: 4%;
    max-width: 55%;
  }

  .hx3-rodeiro { flex-direction: column; gap: 15px; }
  .hx3-planet { width: 300px; }
  .hx3-project { width: min(650px, 90%); padding: 24px; }
  .hx3-world-top { top: 8.6%; width: 90%; }

  .hx3-brain-backdrop,
  .hx3-brain-core {
    top: 30%;
    width: min(82vw, 680px);
    height: min(46vw, 390px);
  }

  .hx3-module {
    width: 150px;
    padding: 12px 13px;
  }

  .m1 { left: 2%; top: 30%; }
  .m2 { right: 2%; top: 29%; }
  .m3 { left: 3%; top: 56%; }
  .m4 { right: 3%; top: 56%; }

  .hx3-hack-panel {
    top: 60%;
    width: min(760px, 92vw);
  }

  .hx3-final {
    width: min(430px, 90%);
  }

  .hx3.stage-3 .hx3-traveler {
    right: 1.6%;
    width: 110px;
  }
}

@media (max-width: 700px) {
  .hx3-copy {
    top: 12%;
    bottom: auto;
    max-width: 85%;
  }

  .hx3-terminal {
    left: 5%;
    right: 5%;
    bottom: 8%;
    width: 90%;
  }

  .hx3-terminal pre { min-height: 130px; }
  .hx3-project h2 { font-size: 30px !important; }
  .hx3-project div, .hx3-final>div, .hx3-hack-strip { flex-direction: column; }

  .hx3-brain-backdrop,
  .hx3-brain-core {
    top: 25%;
    width: 90vw;
    height: 48vw;
    max-height: 280px;
  }

  .hx3-world-top { top: 8.2%; }
  .hx3-world-top strong { font-size: 15px; }
  .hx3-world-top small { font-size: 11px; }
  .hx3-module { display: none; }

  .hx3-hack-panel {
    top: 43%;
    width: 92vw;
  }

  .hx3-hack-panel pre {
    min-height: 128px;
    max-height: 128px;
    font-size: 11px;
  }

  .hx3.stage-3 .hx3-traveler { display: none; }
  .hx3-final { width: 90%; }
  .hx3-final h2 { font-size: 12px !important; }
}

/* ===== NEUROCORE WORLD V10 ===== */
.hx3-world{background:#040103!important;overflow:hidden}.hx3-world:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 38%,rgba(227,6,19,.2),transparent 28%),linear-gradient(180deg,#030103 0%,#080204 48%,#020102 100%);z-index:0}.hx3-neuro-bg{position:absolute;inset:0;z-index:1;background:radial-gradient(ellipse at center,transparent 0 32%,rgba(0,0,0,.52) 72%),linear-gradient(90deg,rgba(227,6,19,.025) 1px,transparent 1px),linear-gradient(rgba(227,6,19,.025) 1px,transparent 1px);background-size:auto,64px 64px,64px 64px;animation:hx3BgDrift 18s linear infinite}.hx3-neuro-grid{position:absolute;left:-12%;right:-12%;bottom:-22%;height:46%;z-index:2;background-image:linear-gradient(rgba(227,6,19,.14) 1px,transparent 1px),linear-gradient(90deg,rgba(227,6,19,.14) 1px,transparent 1px);background-size:42px 42px;transform:perspective(500px) rotateX(60deg);transform-origin:center top;box-shadow:0 -35px 90px rgba(227,6,19,.12)}.hx3-neuro-scanlines{position:absolute;z-index:3;inset:0;pointer-events:none;background:repeating-linear-gradient(180deg,rgba(255,255,255,.015) 0 1px,transparent 1px 4px);opacity:.38}.hx3-neuro-head{position:absolute;z-index:16;left:50%;top:8%;transform:translateX(-50%);display:grid;gap:3px;text-align:center;white-space:nowrap}.hx3-neuro-head span{color:#ff6674;font:800 8px Consolas,monospace;letter-spacing:.24em}.hx3-neuro-head strong{color:#fff;font-size:clamp(14px,1.35vw,20px);letter-spacing:.22em}.hx3-neuro-head small{color:#bdaeb5;font-size:10px;letter-spacing:.06em}.hx3-neuro-rail{position:absolute;z-index:17;top:11.5%;bottom:13%;width:16.8%;display:flex;flex-direction:column;gap:9px;pointer-events:none}.hx3-neuro-left{left:2.2%}.hx3-neuro-right{right:2.2%}.hx3-neuro-panel{position:relative;flex:0 0 auto;padding:10px 11px;border:1px solid rgba(255,48,66,.33);border-radius:8px;background:linear-gradient(180deg,rgba(12,5,7,.88),rgba(5,3,5,.78));box-shadow:0 14px 35px rgba(0,0,0,.45),inset 0 0 24px rgba(227,6,19,.035);backdrop-filter:blur(10px);animation:hx3PanelFloat 5.5s ease-in-out infinite}.hx3-neuro-panel:nth-child(2){animation-delay:-1.1s}.hx3-neuro-panel:nth-child(3){animation-delay:-2.1s}.hx3-neuro-panel:nth-child(4){animation-delay:-3.2s}.hx3-neuro-panel:nth-child(5){animation-delay:-4.1s}.hx3-neuro-panel header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;padding-bottom:7px;border-bottom:1px solid rgba(255,255,255,.07)}.hx3-neuro-panel header b{color:#fff!important;font:800 8px Consolas,monospace;letter-spacing:.08em}.hx3-neuro-panel header i{width:5px;height:5px;border-radius:50%;background:#ff2637;box-shadow:0 0 10px #ff2637;animation:hx3Blink 1.5s ease-in-out infinite}.hx3-status-row,.hx3-protocol-panel>div{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:6px 0;color:#e84655;font:700 7px Consolas,monospace;letter-spacing:.04em}.hx3-status-row strong,.hx3-protocol-panel strong{color:#d7cfd2;font-size:7px;font-weight:500}.hx3-topology svg,.hx3-stream-panel svg,.hx3-predict-panel svg{display:block;width:100%;height:auto;overflow:visible}.hx3-topology .links path{fill:none;stroke:rgba(255,78,98,.45);stroke-width:1}.hx3-topology .nodes circle{fill:#ff5c74;filter:drop-shadow(0 0 4px #ff3654);animation:hx3NodePulse 2s ease-in-out infinite}.hx3-topology footer,.hx3-stream-panel footer,.hx3-predict-panel footer,.hx3-engine-panel footer,.hx3-signal-panel footer{display:flex;justify-content:space-between;margin-top:6px;color:#8d7d83;font:700 6px Consolas,monospace;letter-spacing:.1em}.hx3-topology footer strong,.hx3-stream-panel footer strong,.hx3-predict-panel footer strong,.hx3-engine-panel footer strong,.hx3-signal-panel footer strong{color:#ff394d}.hx3-meter,.hx3-layer{display:grid;grid-template-columns:52px 1fr 26px;align-items:center;gap:6px;margin:6px 0;color:#9e8f95;font:700 6px Consolas,monospace}.hx3-meter>i,.hx3-layer>i{height:2px;background:rgba(255,255,255,.08);overflow:hidden}.hx3-meter>i b,.hx3-layer>i b{display:block;width:var(--w);height:100%;background:linear-gradient(90deg,#8e0d19,#ff3147);box-shadow:0 0 8px rgba(255,49,71,.65);transform-origin:left;animation:hx3Meter 2.8s ease-in-out infinite}.hx3-meter strong,.hx3-layer strong{color:#d0c5c9;text-align:right;font-size:6px}.hx3-stream-panel polyline,.hx3-predict-panel polyline{fill:none;stroke:#ff4055;stroke-width:1.2;filter:drop-shadow(0 0 3px #ff3147);stroke-dasharray:320;animation:hx3Chart 4s linear infinite}.hx3-mini-brain{position:relative;height:58px;border-radius:50%;background:radial-gradient(circle,rgba(124,58,237,.18),transparent 65%)}.hx3-mini-brain span{position:absolute;left:50%;top:50%;width:62px;height:38px;transform:translate(-50%,-50%);border:1px solid #c03bff;border-radius:50% 48% 44% 52%;box-shadow:0 0 14px rgba(183,58,255,.35);animation:hx3MiniBrain 3.6s ease-in-out infinite}.hx3-mini-brain i{position:absolute;left:50%;top:50%;width:5px;height:5px;border-radius:50%;background:#ff2944;box-shadow:0 0 9px #ff2944}.hx3-mini-brain i:nth-child(2){transform:translate(-23px,-7px)}.hx3-mini-brain i:nth-child(3){transform:translate(16px,-12px)}.hx3-mini-brain i:nth-child(4){transform:translate(3px,10px)}.hx3-signal-bars{height:48px;display:flex;align-items:center;gap:2px}.hx3-signal-bars i{flex:1;height:var(--h);background:#ff263b;box-shadow:0 0 4px rgba(255,38,59,.45);animation:hx3Signal .9s ease-in-out infinite alternate}.hx3-signal-bars i:nth-child(3n){animation-delay:-.2s}.hx3-signal-bars i:nth-child(4n){animation-delay:-.45s}.hx3-protocol-panel{margin-top:auto}.hx3-brain-stage{position:absolute;z-index:8;left:20%;right:20%;top:11%;height:52%;perspective:1200px}.hx3-brain-visual{position:absolute;left:50%;top:48%;width:min(51vw,760px);height:auto;transform:translate(-50%,-50%);filter:drop-shadow(0 0 35px rgba(255,36,64,.34));animation:hx3BrainRotate 9s ease-in-out infinite;transform-style:preserve-3d}.hx3-brain-visual img{display:block;width:100%;height:auto;mask-image:radial-gradient(ellipse at center,#000 58%,rgba(0,0,0,.9) 72%,transparent 98%);-webkit-mask-image:radial-gradient(ellipse at center,#000 58%,rgba(0,0,0,.9) 72%,transparent 98%)}.hx3-brain-beam{position:absolute;left:50%;top:50%;width:4px;height:76%;transform:translate(-50%,-50%);background:linear-gradient(transparent,#ff2943 30%,#fff 50%,#ff2943 70%,transparent);filter:blur(.2px);box-shadow:0 0 18px rgba(255,36,60,.65);opacity:.55;animation:hx3Beam 2s ease-in-out infinite}.hx3-orbit{position:absolute;left:50%;top:48%;border:1px solid rgba(255,55,78,.45);border-radius:50%;transform:translate(-50%,-50%) rotateX(72deg);box-shadow:0 0 18px rgba(255,39,64,.14)}.hx3-orbit:before{content:"";position:absolute;width:7px;height:7px;border-radius:50%;background:#fff;box-shadow:0 0 12px #ff3850;left:12%;top:50%}.hx3-orbit.orbit-a{width:84%;height:48%;animation:hx3OrbitA 7s linear infinite}.hx3-orbit.orbit-b{width:68%;height:36%;border-color:rgba(185,69,255,.5);animation:hx3OrbitB 5s linear infinite reverse}.hx3-orbit.orbit-c{width:48%;height:24%;animation:hx3OrbitA 4s linear infinite}.hx3-brain-sweep{position:absolute;left:15%;right:15%;top:22%;height:2px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.9),transparent);filter:drop-shadow(0 0 6px #ff4660);animation:hx3Sweep 3.2s linear infinite}.hx3-brain-pulse{position:absolute;width:6px;height:6px;border-radius:50%;background:#fff;box-shadow:0 0 12px 5px rgba(255,44,69,.6);animation:hx3Pulse 2s ease-in-out infinite}.hx3-brain-pulse.p1{left:39%;top:35%}.hx3-brain-pulse.p2{left:59%;top:42%;animation-delay:-.7s}.hx3-brain-pulse.p3{left:51%;top:57%;animation-delay:-1.3s}.hx3-brain-caption{position:absolute;right:16%;top:18%;padding:7px 9px;border:1px solid rgba(255,48,68,.22);background:rgba(7,3,5,.72);font:700 6px Consolas,monospace;color:#a7989e}.hx3-brain-caption b,.hx3-brain-caption strong{display:block}.hx3-brain-caption strong{margin-top:3px;color:#ff344c;font-size:10px}.hx3-operator{position:absolute;z-index:18;right:16.6%;bottom:20%;width:9.5vw;min-width:90px;max-width:150px;height:35vh;pointer-events:none;filter:drop-shadow(0 0 25px rgba(227,6,19,.35));animation:hx3Operator 4s ease-in-out infinite}.hx3-operator img{width:100%;height:100%;object-fit:contain;mix-blend-mode:screen}.hx3-command-console{position:absolute;z-index:20;left:20%;right:20%;bottom:5.5%;height:26%;overflow:hidden;border:1px solid rgba(255,57,77,.28);border-radius:8px;background:linear-gradient(180deg,rgba(10,5,7,.94),rgba(4,3,4,.94));box-shadow:0 18px 55px rgba(0,0,0,.7),0 0 35px rgba(227,6,19,.06);backdrop-filter:blur(12px)}.hx3-console-tabs{height:34px;display:flex;align-items:center;gap:18px;padding:0 14px;border-bottom:1px solid rgba(255,255,255,.08);font:700 7px Consolas,monospace;letter-spacing:.08em}.hx3-console-tabs b{color:#fff!important}.hx3-console-tabs span{color:#ff5266}.hx3-console-tabs em{margin-left:auto;color:#ff93a1;font-style:normal}.hx3-console-grid{display:grid;grid-template-columns:1.05fr 1.25fr 1.25fr .8fr;height:calc(100% - 34px)}.hx3-console-grid section{min-width:0;padding:10px 12px;border-right:1px solid rgba(255,255,255,.07);overflow:hidden}.hx3-console-grid section:last-child{border-right:0}.hx3-console-grid header{margin-bottom:6px;color:#6ae8c0;font:700 7px Consolas,monospace;letter-spacing:.1em}.hx3-console-grid pre{margin:0;color:#78efc7;font:6.5px/1.5 Consolas,monospace;white-space:pre-wrap}.hx3-console-code pre{color:#b6d9cb}.hx3-console-data>div{height:35%;display:flex;align-items:center;gap:2px;margin:7px 0}.hx3-console-data i{flex:1;height:var(--h);background:linear-gradient(#ff3149,#46e9c0);opacity:.8;animation:hx3Data 1.2s ease-in-out infinite alternate}.hx3-console-data i:nth-child(2n){animation-delay:-.3s}.hx3-neuro-footer{position:absolute;z-index:22;left:1.8%;right:1.8%;bottom:1.2%;display:flex;justify-content:space-between;color:#675c60;font:700 6px Consolas,monospace;letter-spacing:.08em}.hx3-neuro-footer b{color:#70d5b6}.hx3-neuro-footer .critical{color:#ff2f44}.hx3-final{position:absolute!important;z-index:80!important;left:50%!important;top:50%!important;bottom:auto!important;width:min(420px,86vw)!important;transform:translate(-50%,-45%) scale(.92)!important;padding:18px 18px 16px!important;border:1px solid rgba(255,57,78,.55)!important;border-radius:14px!important;background:rgba(7,4,6,.97)!important;box-shadow:0 28px 90px rgba(0,0,0,.8),0 0 45px rgba(227,6,19,.18)!important;backdrop-filter:blur(18px)!important;text-align:center!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;transition:.35s ease!important}.hx3-final.show{opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:translate(-50%,-50%) scale(1)!important}.hx3-final,.hx3-final *{font-size:12px!important}.hx3-final>span{color:#ff7886!important;font:800 9px Consolas,monospace!important;letter-spacing:.16em}.hx3-final h2{margin:8px 24px 6px!important;color:#fff!important;font-size:12px!important;line-height:1.4!important}.hx3-final p{margin:0!important;color:#cfc3c7!important;font-size:12px!important}.hx3-final>div{display:flex!important;justify-content:center!important;gap:8px!important}.hx3-final a,.hx3-final .hx3-enter{margin-top:12px!important;padding:9px 12px!important;border-radius:9px!important;font-size:12px!important}.hx3-final-close{position:absolute!important;right:8px!important;top:7px!important;width:28px!important;height:28px!important;display:grid!important;place-items:center!important;padding:0!important;margin:0!important;border:1px solid rgba(255,255,255,.13)!important;border-radius:50%!important;background:rgba(255,255,255,.05)!important;color:#fff!important;font-size:18px!important;line-height:1!important;cursor:pointer!important}.hx3.stage-3>.hx3-traveler{display:none!important}@keyframes hx3BgDrift{to{background-position:0 0,64px 0,0 64px}}@keyframes hx3PanelFloat{50%{transform:translateY(-3px);border-color:rgba(255,63,84,.55)}}@keyframes hx3Blink{50%{opacity:.35;transform:scale(.7)}}@keyframes hx3NodePulse{50%{opacity:.35;transform:scale(.75)}}@keyframes hx3Meter{0%,100%{transform:scaleX(.78);opacity:.65}50%{transform:scaleX(1);opacity:1}}@keyframes hx3Chart{to{stroke-dashoffset:-320}}@keyframes hx3MiniBrain{50%{transform:translate(-50%,-50%) scale(1.1) rotate(3deg);border-color:#ff3150}}@keyframes hx3Signal{to{transform:scaleY(.35);opacity:.45}}@keyframes hx3BrainRotate{0%,100%{transform:translate(-50%,-50%) perspective(1200px) rotateY(-8deg) rotateX(1deg) scale(.98)}50%{transform:translate(-50%,-50%) perspective(1200px) rotateY(8deg) rotateX(-2deg) scale(1.025)}}@keyframes hx3Beam{50%{opacity:.95;filter:blur(.2px) brightness(1.4)}}@keyframes hx3OrbitA{to{transform:translate(-50%,-50%) rotateX(72deg) rotateZ(360deg)}}@keyframes hx3OrbitB{to{transform:translate(-50%,-50%) rotateX(68deg) rotateZ(360deg)}}@keyframes hx3Sweep{0%{top:18%;opacity:0}12%{opacity:1}88%{opacity:1}100%{top:78%;opacity:0}}@keyframes hx3Pulse{50%{transform:scale(1.8);opacity:.45}}@keyframes hx3Operator{50%{transform:translateY(-8px);filter:drop-shadow(0 0 32px rgba(227,6,19,.55))}}@keyframes hx3Data{to{transform:scaleY(.45);opacity:.42}}@media(max-width:1180px){.hx3-neuro-rail{width:19%}.hx3-neuro-left{left:1.3%}.hx3-neuro-right{right:1.3%}.hx3-brain-stage{left:18%;right:18%}.hx3-command-console{left:18%;right:18%}.hx3-operator{right:18%;width:9vw}.hx3-console-grid pre{font-size:6px}}@media(max-width:900px){.hx3-neuro-head small{display:none}.hx3-neuro-rail{width:22%;gap:6px}.hx3-neuro-panel{padding:8px}.hx3-neuro-panel:nth-child(n+4){display:none}.hx3-brain-stage{left:18%;right:18%;height:46%}.hx3-brain-visual{width:70vw}.hx3-command-console{left:12%;right:12%;height:24%}.hx3-console-grid{grid-template-columns:1fr 1fr}.hx3-console-grid section:nth-child(3),.hx3-console-grid section:nth-child(4){display:none}.hx3-operator{display:none}.hx3-neuro-footer{display:none}}@media(max-width:620px){.hx3-neuro-rail{display:none}.hx3-neuro-head{top:10%;white-space:normal;width:90%}.hx3-brain-stage{left:2%;right:2%;top:15%;height:44%}.hx3-brain-visual{width:94vw}.hx3-command-console{left:4%;right:4%;bottom:6%;height:28%}.hx3-console-grid{grid-template-columns:1fr}.hx3-console-grid section:nth-child(n+2){display:none}.hx3-final{width:86vw!important}}


/* ===== AJUSTE FINAL: texto discreto no salto + cérebro 100% em código ===== */
.hx3-flight-copy {
  width: min(640px, 86%);
  display: grid;
  place-items: center;
  gap: 8px;
}

.hx3-flight-status {
  width: 100%;
  display: flex;
  align-items: baseline;
  justify-content: center;
  gap: 9px;
  min-height: 18px;
  white-space: nowrap;
}

.hx3-flight-status span,
.hx3-flight-status b,
.hx3-flight-status small {
  margin: 0 !important;
  padding: 0 !important;
  color: #cfc4d5 !important;
  font: 700 10px/1.2 Consolas, monospace !important;
  letter-spacing: .08em;
  text-transform: uppercase;
  text-shadow: 0 0 14px rgba(139,92,246,.28);
}

.hx3-flight-status span {
  color: #aa91c7 !important;
  font-size: 8px !important;
  letter-spacing: .16em;
}

.hx3-flight-status b {
  color: #fff !important;
  font-size: 11px !important;
}

.hx3-flight-status small {
  color: #a89fad !important;
  font-size: 8px !important;
  font-weight: 500 !important;
  text-transform: none;
}

.hx3-flight-progress {
  position: relative;
  width: min(600px, 92%) !important;
  height: 4px !important;
  margin: 0 auto !important;
  overflow: hidden;
  border-radius: 999px;
  background: rgba(255,255,255,.14) !important;
  box-shadow: 0 0 18px rgba(124,58,237,.12);
}

.hx3-flight-progress i {
  display: block;
  width: 30%;
  height: 100%;
  background: linear-gradient(90deg,#7c3aed,#fff,#e30613);
  animation: hx3Bar 3s ease-in-out infinite;
}

.hx3-flight-copy>span,
.hx3-flight-copy>h2,
.hx3-flight-copy>p {
  display: none !important;
}

.hx3-brain-stage {
  perspective: 1500px;
  transform-style: preserve-3d;
}

.hx3-brain-visual.hx3-brain-code {
  left: 50%;
  top: 49%;
  width: min(54vw, 820px);
  height: min(35vw, 520px);
  transform: translate(-50%,-50%);
  transform-origin: 50% 52%;
  filter: drop-shadow(0 30px 52px rgba(0,0,0,.68)) drop-shadow(0 0 44px rgba(255,35,70,.22));
  animation: hx3BrainContainer 7.2s ease-in-out infinite;
  will-change: transform, filter;
}

.hx3-brain-webgl {
  display:block;
  width:100%;
  height:100%;
  background:transparent;
  filter:saturate(1.18) contrast(1.08);
}

.hx3-brain-holo-grid {
  position:absolute;
  inset:8% 7% 6%;
  pointer-events:none;
  opacity:.26;
  background:
    linear-gradient(90deg,transparent 49.8%,rgba(255,63,88,.26) 50%,transparent 50.2%),
    linear-gradient(transparent 49.8%,rgba(255,63,88,.18) 50%,transparent 50.2%);
  background-size:42px 42px;
  mask-image:radial-gradient(ellipse at center,#000 0 42%,transparent 76%);
  -webkit-mask-image:radial-gradient(ellipse at center,#000 0 42%,transparent 76%);
  mix-blend-mode:screen;
  animation:hx3BrainGridDrift 10s linear infinite;
}

.hx3-brain-visual.hx3-brain-code:before {
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  width:78%;
  height:72%;
  transform:translate(-50%,-50%);
  border-radius:50%;
  background:radial-gradient(ellipse,rgba(255,52,84,.18),rgba(140,22,83,.06) 44%,transparent 72%);
  filter:blur(24px);
  z-index:-1;
  animation:hx3BrainAuraCode 2.8s ease-in-out infinite;
}

.hx3-brain-sweep {
  left: 16%;
  right: 16%;
  z-index: 12;
}

@keyframes hx3BrainContainer {
  0%,100%{transform:translate(-50%,-50%) translateY(0) scale(.99);filter:drop-shadow(0 30px 52px rgba(0,0,0,.68)) drop-shadow(0 0 34px rgba(255,35,70,.18))}
  50%{transform:translate(-50%,-50%) translateY(-7px) scale(1.018);filter:drop-shadow(0 34px 58px rgba(0,0,0,.72)) drop-shadow(0 0 54px rgba(255,35,70,.30))}
}

@keyframes hx3BrainGridDrift {
  to { background-position:42px 0,0 42px; }
}

@keyframes hx3BrainAuraCode {
  50% { transform: translate(-50%,-50%) scale(1.08); opacity: .78; }
}

@media(max-width:900px){
  .hx3-flight-status { flex-wrap: wrap; white-space: normal; }
  .hx3-flight-status small { width:100%; text-align:center; }
  .hx3-brain-visual.hx3-brain-code { width:74vw; height:48vw; }
}

@media(max-width:620px){
  .hx3-flight-status b { font-size:10px!important; }
  .hx3-flight-status small { display:none; }
  .hx3-brain-visual.hx3-brain-code { width:96vw; height:62vw; }
}