:root{
  --orange:#21e68a;
  --amber:#b7ff45;
  --red:#14cbd0;
  --cyan:#62eaff;
}

.portal-motion{
  background:
    radial-gradient(circle at 18% 12%,#06251e 0,transparent 31%),
    radial-gradient(circle at 84% 78%,#071f2c 0,transparent 34%),
    linear-gradient(135deg,#050a0d,#071217 52%,#050b10);
}

.portal-motion::before{
  background:repeating-conic-gradient(
    from 15deg at 50% 50%,
    transparent 0 8deg,
    rgba(33,230,138,.15) 9deg 10deg,
    transparent 11deg 22deg
  );
}

.race-glow-one{
  background:radial-gradient(circle,rgba(33,230,138,.5),transparent 66%);
}

.race-glow-two{
  background:radial-gradient(circle,rgba(20,203,208,.32),transparent 68%);
}

.race-track{
  background-image:
    linear-gradient(rgba(183,255,69,.15) 1px,transparent 1px),
    linear-gradient(90deg,rgba(183,255,69,.15) 1px,transparent 1px);
}

.speed-chevron-one{color:rgba(183,255,69,.14)}
.speed-chevron-two{color:rgba(33,230,138,.13)}
.telemetry-orbit{
  border-color:rgba(183,255,69,.18);
  border-top-color:rgba(183,255,69,.68);
}

.brand-mark{
  padding:0;
  overflow:hidden;
  background:linear-gradient(145deg,#35efa0,#12bb78 65%,#087f68);
  box-shadow:0 9px 24px rgba(33,230,138,.25);
}

.brand-mark::after{display:none}
.brand-mark img{display:block;width:100%;height:100%;object-fit:cover;border-radius:inherit}
.top-brand-icon{
  width:28px;
  height:28px;
  object-fit:cover;
  border-radius:8px;
  box-shadow:0 0 13px rgba(33,230,138,.22);
}
.nav-link.active{
  border-color:rgba(33,230,138,.25);
  background:linear-gradient(90deg,rgba(33,230,138,.19),rgba(33,230,138,.035));
  box-shadow:0 8px 20px rgba(33,230,138,.07);
}

.hero{
  border-color:rgba(33,230,138,.2);
  background:linear-gradient(115deg,rgba(10,31,26,.96),rgba(15,22,27,.93) 55%,rgba(8,29,32,.92));
}

.hero::before{
  background:linear-gradient(
    112deg,
    transparent 0 63%,
    rgba(33,230,138,.055) 63% 64%,
    transparent 64% 69%,
    rgba(183,255,69,.04) 69% 70%,
    transparent 70%
  );
}

.kicker{
  color:#8ef0be;
  border-color:rgba(33,230,138,.28);
  background:rgba(33,230,138,.075);
}

.hero h1 span{text-shadow:0 0 25px rgba(33,230,138,.38)}
.telemetry-dial{
  border-color:rgba(183,255,69,.28);
  background:radial-gradient(circle,rgba(33,230,138,.11),transparent 63%);
  box-shadow:inset 0 0 40px rgba(33,230,138,.07);
}

.telemetry-dial::before{border-color:rgba(183,255,69,.2)}
.hero-brand-logo{
  position:absolute;
  right:0;
  top:17px;
  width:210px;
  height:auto;
  object-fit:contain;
  filter:drop-shadow(0 12px 25px rgba(33,230,138,.2));
}
.search:focus{
  border-color:rgba(33,230,138,.58);
  box-shadow:0 0 0 3px rgba(33,230,138,.09),0 12px 26px rgba(0,0,0,.2);
}

.app-card[data-tone="lime"]{--tile:#b7ff45}
.empty{border-color:rgba(33,230,138,.25)}

.uptime-pill{
  display:inline-flex;
  align-items:center;
  gap:6px;
  color:#83a698;
  border-color:rgba(33,230,138,.2);
  background:rgba(33,230,138,.055);
}

.uptime-pill i{
  width:5px;
  height:5px;
  border-radius:50%;
  background:#21e68a;
  box-shadow:0 0 8px #21e68a;
  animation:onlineBlink 1.7s ease-in-out infinite;
}

.uptime-pill strong{color:#b7ff45;font-weight:700}