/* [project]/app/globals.css [app-client] (css) */
*, :before, :after, ::backdrop {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: #3b82f680;
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}

*, :before, :after {
  box-sizing: border-box;
  border: 0 solid #e5e7eb;
}

:before, :after {
  --tw-content: "";
}

html, :host {
  -webkit-text-size-adjust: 100%;
  tab-size: 4;
  font-feature-settings: normal;
  font-variation-settings: normal;
  -webkit-tap-highlight-color: transparent;
  font-family: ui-sans-serif, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
  line-height: 1.5;
}

body {
  line-height: inherit;
  margin: 0;
}

hr {
  height: 0;
  color: inherit;
  border-top-width: 1px;
}

abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
}

h1, h2, h3, h4, h5, h6 {
  font-size: inherit;
  font-weight: inherit;
}

a {
  color: inherit;
  -webkit-text-decoration: inherit;
  text-decoration: inherit;
}

b, strong {
  font-weight: bolder;
}

code, kbd, samp, pre {
  font-feature-settings: normal;
  font-variation-settings: normal;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  font-size: 1em;
}

small {
  font-size: 80%;
}

sub, sup {
  vertical-align: baseline;
  font-size: 75%;
  line-height: 0;
  position: relative;
}

sub {
  bottom: -.25em;
}

sup {
  top: -.5em;
}

table {
  text-indent: 0;
  border-color: inherit;
  border-collapse: collapse;
}

button, input, optgroup, select, textarea {
  font-feature-settings: inherit;
  font-variation-settings: inherit;
  font-family: inherit;
  font-size: 100%;
  font-weight: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  color: inherit;
  margin: 0;
  padding: 0;
}

button, select {
  text-transform: none;
}

button, input:where([type="button"]), input:where([type="reset"]), input:where([type="submit"]) {
  -webkit-appearance: button;
  background-color: #0000;
  background-image: none;
}

:-moz-focusring {
  outline: auto;
}

:-moz-ui-invalid {
  box-shadow: none;
}

progress {
  vertical-align: baseline;
}

::-webkit-inner-spin-button {
  height: auto;
}

::-webkit-outer-spin-button {
  height: auto;
}

[type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

summary {
  display: list-item;
}

blockquote, dl, dd, h1, h2, h3, h4, h5, h6, hr, figure, p, pre {
  margin: 0;
}

fieldset {
  margin: 0;
  padding: 0;
}

legend {
  padding: 0;
}

ol, ul, menu {
  margin: 0;
  padding: 0;
  list-style: none;
}

dialog {
  padding: 0;
}

textarea {
  resize: vertical;
}

input::-moz-placeholder {
  opacity: 1;
  color: #9ca3af;
}

textarea::-moz-placeholder {
  opacity: 1;
  color: #9ca3af;
}

input::placeholder, textarea::placeholder {
  opacity: 1;
  color: #9ca3af;
}

button, [role="button"] {
  cursor: pointer;
}

:disabled {
  cursor: default;
}

img, svg, video, canvas, audio, iframe, embed, object {
  vertical-align: middle;
  display: block;
}

img, video {
  max-width: 100%;
  height: auto;
}

[hidden]:where(:not([hidden="until-found"])) {
  display: none;
}

.static {
  position: static;
}

.fixed {
  position: fixed;
}

.relative {
  position: relative;
}

.inset-0 {
  inset: 0;
}

.z-50 {
  z-index: 50;
}

.mx-2 {
  margin-left: .5rem;
  margin-right: .5rem;
}

.mx-auto {
  margin-left: auto;
  margin-right: auto;
}

.mb-3 {
  margin-bottom: .75rem;
}

.mb-4 {
  margin-bottom: 1rem;
}

.mb-5 {
  margin-bottom: 1.25rem;
}

.mt-1 {
  margin-top: .25rem;
}

.mt-2 {
  margin-top: .5rem;
}

.mt-3 {
  margin-top: .75rem;
}

.mt-4 {
  margin-top: 1rem;
}

.mt-5 {
  margin-top: 1.25rem;
}

.mt-6 {
  margin-top: 1.5rem;
}

.block {
  display: block;
}

.flex {
  display: flex;
}

.inline-flex {
  display: inline-flex;
}

.grid {
  display: grid;
}

.h-2 {
  height: .5rem;
}

.h-96 {
  height: 24rem;
}

.h-full {
  height: 100%;
}

.min-h-screen {
  min-height: 100vh;
}

.w-full {
  width: 100%;
}

.min-w-0 {
  min-width: 0;
}

.min-w-24 {
  min-width: 6rem;
}

.min-w-28 {
  min-width: 7rem;
}

.min-w-32 {
  min-width: 8rem;
}

.min-w-44 {
  min-width: 11rem;
}

.max-w-7xl {
  max-width: 80rem;
}

.max-w-full {
  max-width: 100%;
}

.max-w-lg {
  max-width: 32rem;
}

.max-w-md {
  max-width: 28rem;
}

.transform {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.grid-cols-\[1fr_auto\] {
  grid-template-columns: 1fr auto;
}

.grid-cols-\[42px_1fr_70px\] {
  grid-template-columns: 42px 1fr 70px;
}

.grid-cols-\[58px_minmax\(72px\,1fr\)_minmax\(84px\,auto\)\] {
  grid-template-columns: 58px minmax(72px, 1fr) minmax(84px, auto);
}

.grid-cols-\[72px_1fr\] {
  grid-template-columns: 72px 1fr;
}

.flex-col {
  flex-direction: column;
}

.flex-wrap {
  flex-wrap: wrap;
}

.items-start {
  align-items: flex-start;
}

.items-center {
  align-items: center;
}

.justify-center {
  justify-content: center;
}

.justify-between {
  justify-content: space-between;
}

.gap-1 {
  gap: .25rem;
}

.gap-2 {
  gap: .5rem;
}

.gap-3 {
  gap: .75rem;
}

.gap-4 {
  gap: 1rem;
}

.gap-5 {
  gap: 1.25rem;
}

.gap-px {
  gap: 1px;
}

.space-y-1 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(.25rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(.25rem * var(--tw-space-y-reverse));
}

.space-y-2 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(.5rem * var(--tw-space-y-reverse));
}

.space-y-3 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(.75rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(.75rem * var(--tw-space-y-reverse));
}

.space-y-4 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1rem * var(--tw-space-y-reverse));
}

.space-y-5 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.25rem * var(--tw-space-y-reverse));
}

.space-y-6 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
}

.self-center {
  align-self: center;
}

.self-stretch {
  align-self: stretch;
}

.truncate {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.whitespace-pre-wrap {
  white-space: pre-wrap;
}

.break-words {
  overflow-wrap: break-word;
}

.border {
  border-width: 1px;
}

.border-b {
  border-bottom-width: 1px;
}

.border-l {
  border-left-width: 1px;
}

.border-t {
  border-top-width: 1px;
}

.border-cyan-300\/50 {
  border-color: #67e8f980;
}

.border-cyan-300\/60 {
  border-color: #67e8f999;
}

.border-cyan-300\/70 {
  border-color: #67e8f9b3;
}

.border-matrix-border {
  --tw-border-opacity: 1;
  border-color: rgb(15 111 53 / var(--tw-border-opacity, 1));
}

.border-matrix-border\/35 {
  border-color: #0f6f3559;
}

.border-matrix-border\/45 {
  border-color: #0f6f3573;
}

.border-matrix-border\/50 {
  border-color: #0f6f3580;
}

.border-matrix-border\/60 {
  border-color: #0f6f3599;
}

.border-matrix-cyan\/70 {
  border-color: #22d3eeb3;
}

.border-matrix-dim\/50 {
  border-color: #6ea77b80;
}

.border-matrix-green\/60 {
  border-color: #22c55e99;
}

.border-matrix-green\/70 {
  border-color: #22c55eb3;
}

.border-matrix-red {
  --tw-border-opacity: 1;
  border-color: rgb(255 59 48 / var(--tw-border-opacity, 1));
}

.border-matrix-red\/50 {
  border-color: #ff3b3080;
}

.border-matrix-red\/70 {
  border-color: #ff3b30b3;
}

.border-matrix-violet\/70 {
  border-color: #a855f7b3;
}

.border-matrix-yellow\/20 {
  border-color: #d6d04a33;
}

.border-matrix-yellow\/40 {
  border-color: #d6d04a66;
}

.border-matrix-yellow\/60 {
  border-color: #d6d04a99;
}

.border-matrix-yellow\/70 {
  border-color: #d6d04ab3;
}

.border-orange-400\/70 {
  border-color: #fb923cb3;
}

.bg-black {
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
}

.bg-black\/80 {
  background-color: #000c;
}

.bg-black\/95 {
  background-color: #000000f2;
}

.bg-matrix-black {
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
}

.bg-matrix-black\/80 {
  background-color: #000c;
}

.bg-matrix-red {
  --tw-bg-opacity: 1;
  background-color: rgb(255 59 48 / var(--tw-bg-opacity, 1));
}

.bg-\[repeating-linear-gradient\(135deg\,rgba\(214\,208\,74\,0\.18\)_0_4px\,transparent_4px_9px\)\] {
  background-image: repeating-linear-gradient(135deg, #d6d04a2e 0 4px, #0000 4px 9px);
}

.object-cover {
  -o-object-fit: cover;
  object-fit: cover;
}

.p-2 {
  padding: .5rem;
}

.p-3 {
  padding: .75rem;
}

.p-4 {
  padding: 1rem;
}

.p-5 {
  padding: 1.25rem;
}

.px-2 {
  padding-left: .5rem;
  padding-right: .5rem;
}

.px-3 {
  padding-left: .75rem;
  padding-right: .75rem;
}

.px-4 {
  padding-left: 1rem;
  padding-right: 1rem;
}

.py-1 {
  padding-top: .25rem;
  padding-bottom: .25rem;
}

.py-2 {
  padding-top: .5rem;
  padding-bottom: .5rem;
}

.py-3 {
  padding-top: .75rem;
  padding-bottom: .75rem;
}

.py-4 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.py-6 {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

.pb-3 {
  padding-bottom: .75rem;
}

.pb-4 {
  padding-bottom: 1rem;
}

.pl-3 {
  padding-left: .75rem;
}

.text-left {
  text-align: left;
}

.text-center {
  text-align: center;
}

.text-right {
  text-align: right;
}

.font-mono {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
}

.text-2xl {
  font-size: 1.5rem;
  line-height: 2rem;
}

.text-3xl {
  font-size: 1.875rem;
  line-height: 2.25rem;
}

.text-\[10px\] {
  font-size: 10px;
}

.text-\[11px\] {
  font-size: 11px;
}

.text-base {
  font-size: 1rem;
  line-height: 1.5rem;
}

.text-lg {
  font-size: 1.125rem;
  line-height: 1.75rem;
}

.text-sm {
  font-size: .875rem;
  line-height: 1.25rem;
}

.text-xl {
  font-size: 1.25rem;
  line-height: 1.75rem;
}

.text-xs {
  font-size: .75rem;
  line-height: 1rem;
}

.font-semibold {
  font-weight: 600;
}

.uppercase {
  text-transform: uppercase;
}

.leading-4 {
  line-height: 1rem;
}

.leading-5 {
  line-height: 1.25rem;
}

.leading-6 {
  line-height: 1.5rem;
}

.leading-snug {
  line-height: 1.375;
}

.leading-tight {
  line-height: 1.25;
}

.tracking-\[0\.12em\] {
  letter-spacing: .12em;
}

.tracking-\[0\.13em\] {
  letter-spacing: .13em;
}

.tracking-\[0\.14em\] {
  letter-spacing: .14em;
}

.tracking-\[0\.16em\] {
  letter-spacing: .16em;
}

.tracking-\[0\.18em\] {
  letter-spacing: .18em;
}

.tracking-\[0\.1em\] {
  letter-spacing: .1em;
}

.tracking-\[0\.22em\] {
  letter-spacing: .22em;
}

.tracking-\[0\.24em\] {
  letter-spacing: .24em;
}

.tracking-\[0\.26em\] {
  letter-spacing: .26em;
}

.tracking-\[0\.28em\] {
  letter-spacing: .28em;
}

.tracking-\[0\.2em\] {
  letter-spacing: .2em;
}

.tracking-\[0\.32em\] {
  letter-spacing: .32em;
}

.tracking-\[0\.35em\] {
  letter-spacing: .35em;
}

.tracking-\[0\.3em\] {
  letter-spacing: .3em;
}

.text-cyan-200 {
  --tw-text-opacity: 1;
  color: rgb(165 243 252 / var(--tw-text-opacity, 1));
}

.text-cyan-300 {
  --tw-text-opacity: 1;
  color: rgb(103 232 249 / var(--tw-text-opacity, 1));
}

.text-green-100 {
  --tw-text-opacity: 1;
  color: rgb(220 252 231 / var(--tw-text-opacity, 1));
}

.text-green-50 {
  --tw-text-opacity: 1;
  color: rgb(240 253 244 / var(--tw-text-opacity, 1));
}

.text-matrix-border {
  --tw-text-opacity: 1;
  color: rgb(15 111 53 / var(--tw-text-opacity, 1));
}

.text-matrix-dim {
  --tw-text-opacity: 1;
  color: rgb(110 167 123 / var(--tw-text-opacity, 1));
}

.text-matrix-jade {
  --tw-text-opacity: 1;
  color: rgb(52 211 153 / var(--tw-text-opacity, 1));
}

.text-matrix-red {
  --tw-text-opacity: 1;
  color: rgb(255 59 48 / var(--tw-text-opacity, 1));
}

.text-matrix-yellow {
  --tw-text-opacity: 1;
  color: rgb(214 208 74 / var(--tw-text-opacity, 1));
}

.text-orange-300 {
  --tw-text-opacity: 1;
  color: rgb(253 186 116 / var(--tw-text-opacity, 1));
}

.text-violet-300 {
  --tw-text-opacity: 1;
  color: rgb(196 181 253 / var(--tw-text-opacity, 1));
}

.text-white {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.shadow-\[0_0_18px_rgba\(103\,232\,249\,0\.18\)\] {
  --tw-shadow: 0 0 18px #67e8f92e;
  --tw-shadow-colored: 0 0 18px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0_0_28px_rgba\(34\,211\,238\,0\.14\)\] {
  --tw-shadow: 0 0 28px #22d3ee24;
  --tw-shadow-colored: 0 0 28px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-hot {
  --tw-shadow: 0 0 18px #34d39938;
  --tw-shadow-colored: 0 0 18px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.outline-none {
  outline-offset: 2px;
  outline: 2px solid #0000;
}

.filter {
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.transition-\[width\] {
  transition-property: width;
  transition-duration: .15s;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
}

.duration-200 {
  transition-duration: .2s;
}

.duration-500 {
  transition-duration: .5s;
}

.ease-linear {
  transition-timing-function: linear;
}

:root {
  --lightningcss-light: ;
  --lightningcss-dark: initial;
  color-scheme: dark;
  --line-section: #34d399;
  --line-group: #d6d04a;
  --line-card: #22d3ee;
  --line-detail: #a855f7;
  --glow-section: #34d3992e;
  --glow-card: #22d3ee2e;
  --glow-detail: #a855f72e;
  background: #000;
}

* {
  box-sizing: border-box;
}

body {
  color: #d6ffe0;
  background: radial-gradient(circle at 50% 0, #22d3ee1f, #0000 26rem), radial-gradient(circle at 88% 22%, #a855f71a, #0000 24rem), radial-gradient(circle at 0 100%, #22c55e14, #0000 28rem), linear-gradient(#22c55e09 1px, #0000 1px) 0 0 / 28px 28px, linear-gradient(90deg, #22c55e09 1px, #0000 1px) 0 0 / 28px 28px, #000;
  min-height: 100vh;
  margin: 0;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
}

body:before, body:after {
  content: "";
  z-index: -1;
  pointer-events: none;
  position: fixed;
  inset: 0;
}

body:before {
  mix-blend-mode: screen;
  opacity: .55;
  background: repeating-linear-gradient(0deg, #d6ffe009 0 1px, #0000 1px 4px), radial-gradient(circle, #0000 42%, #0000009e 100%);
}

body:after {
  opacity: .22;
  background-image: radial-gradient(#b8ffd021 .6px, #0000 .6px), radial-gradient(#22d3ee14 .5px, #0000 .5px);
  background-position: 0 0, 9px 11px;
  background-size: 17px 17px, 23px 23px;
}

nextjs-portal, [data-nextjs-toast] {
  display: none !important;
}

button, input, select {
  font: inherit;
}

.tech-panel {
  clip-path: polygon(0 0, calc(100% - 18px) 0, 100% 18px, 100% 100%, 18px 100%, 0 calc(100% - 18px));
  background: linear-gradient(135deg, #031006f7, #010803f7);
  border: 2px solid #34d39994;
  position: relative;
  box-shadow: 0 0 0 1px #22c55e21, 0 0 28px #22c55e1f;
}

.tech-panel:before, .tech-panel:after {
  content: "";
  pointer-events: none;
  background: #34d399e6;
  width: 22px;
  height: 1px;
  position: absolute;
}

.tech-panel:before {
  top: 6px;
  right: -2px;
  transform: rotate(45deg);
}

.tech-panel:after {
  bottom: 6px;
  left: -2px;
  transform: rotate(45deg);
}

.section-frame {
  border: 2px solid color-mix(in srgb, var(--line-section) 74%, var(--line-card));
  box-shadow: 0 0 0 1px #b8ffd014,
    0 0 34px var(--glow-section),
    inset 0 0 30px #22c55e09;
  clip-path: polygon(0 0, calc(100% - 20px) 0, 100% 20px, 100% 100%, 20px 100%, 0 calc(100% - 20px));
  background: radial-gradient(circle at 100% 0, #22d3ee1a, #0000 18rem), linear-gradient(135deg, #041508f7, #000703fa), #010803;
  position: relative;
}

.section-frame:before, .section-frame:after {
  content: "";
  background: linear-gradient(90deg, var(--line-section), var(--line-card));
  pointer-events: none;
  width: 26px;
  height: 2px;
  position: absolute;
}

.section-frame:before {
  top: 8px;
  right: -3px;
  transform: rotate(45deg);
}

.section-frame:after {
  bottom: 8px;
  left: -3px;
  transform: rotate(45deg);
}

.section-heading {
  background: linear-gradient(90deg, #22d3ee1a, #34d39912 44%, #0000 70%), repeating-linear-gradient(90deg, #22d3ee1f 0 1px, #0000 1px 8px);
  border-bottom: 1px solid #22d3ee52;
  margin: -1rem -1rem 1.25rem;
  padding: 1rem;
}

.group-frame {
  border: 1px dashed color-mix(in srgb, var(--line-group) 76%, var(--line-card));
  background: repeating-linear-gradient(135deg, #d6d04a14 0 5px, #0000 5px 12px), radial-gradient(circle at 100% 0, #22d3ee12, #0000 14rem), linear-gradient(#0c1106e0, #000000b8);
  position: relative;
  box-shadow: inset 0 0 18px #d6d04a0a;
}

.group-frame:before {
  content: "";
  border-left: 4px solid color-mix(in srgb, var(--line-group) 74%, var(--line-card));
  pointer-events: none;
  position: absolute;
  inset: 0;
}

.card-frame {
  box-shadow: 0 0 16px var(--glow-card);
  background: radial-gradient(circle at 100% 0, #3b82f61f, #0000 13rem), linear-gradient(#010e18db, #000000ad), #020b12;
  border: 1px dotted #22d3ee8f;
  position: relative;
}

.card-frame:before, .card-frame:after {
  content: "";
  pointer-events: none;
  background: linear-gradient(90deg, #0000, #22d3ee9e, #a855f75c, #0000);
  height: 1px;
  position: absolute;
  left: .7rem;
  right: .7rem;
}

.card-frame:before {
  top: -1px;
}

.card-frame:after {
  bottom: -1px;
}

.detail-surface {
  background: linear-gradient(90deg, #a855f70e, #22d3ee06), #b8ffd005;
}

.detail-row {
  border-bottom: 1px solid #a855f729;
  justify-content: space-between;
  gap: .75rem;
  padding: .45rem 0;
  display: flex;
}

.detail-row:last-child {
  border-bottom: 0;
}

.detail-tile {
  background: linear-gradient(#a855f712, #22d3ee06), #0003;
  border-left: 1px solid #a855f76b;
  min-width: 0;
  padding: .65rem .7rem;
}

.status-strip {
  background: linear-gradient(90deg, #22d3ee21, #a855f714, #00000094);
  border-left: 3px solid #22d3eeb8;
}

.vehicle-hero {
  clip-path: polygon(0 0, calc(100% - 22px) 0, 100% 22px, 100% 100%, 22px 100%, 0 calc(100% - 22px));
  background: radial-gradient(circle at 22% 18%, #22d3ee2e, #0000 34%), radial-gradient(circle at 90% 8%, #a855f72e, #0000 32%), linear-gradient(120deg, #020d10f2, #080210f5);
  border: 2px solid #22d3ee85;
  position: relative;
  overflow: hidden;
  box-shadow: 0 0 38px #22d3ee26, 0 0 28px #a855f714, inset 0 0 34px #22c55e09;
}

.vehicle-hero-media {
  background: linear-gradient(135deg, #22d3ee1a, #a855f70f, #0000), #010803;
  min-height: clamp(18rem, 54vw, 31rem);
  position: relative;
  overflow: hidden;
}

.vehicle-hero-media img {
  filter: saturate(1.22) contrast(1.04);
}

@media (max-width: 640px) {
  .section-frame, .tech-panel, .vehicle-hero {
    clip-path: polygon(0 0, calc(100% - 14px) 0, 100% 14px, 100% 100%, 14px 100%, 0 calc(100% - 14px));
  }

  .section-heading {
    margin: -.875rem -.875rem 1rem;
    padding: .875rem;
  }

  .group-frame {
    border-left-width: 0;
    border-right-width: 0;
  }
}

.tech-button {
  color: #b8ffd0;
  clip-path: polygon(0 0, calc(100% - 10px) 0, 100% 10px, 100% 100%, 10px 100%, 0 calc(100% - 10px));
  background: #031006;
  border: 1px solid #34d39980;
}

.tech-button:hover:not(:disabled) {
  color: #fff;
  border-color: #34d399e6;
  box-shadow: 0 0 18px #34d39933;
}

.tech-button:disabled {
  cursor: not-allowed;
  color: #6ea77b80;
  border-color: #6ea77b38;
}

.metric-severity {
  --metric-primary: #22c55e;
  --metric-secondary: #34d399;
  --metric-glow: #22c55e52;
  --metric-border: #34d39957;
  --metric-sweep: #34d39933;
  --metric-panel: #010803;
}

.metric-severity[data-severity="warning"] {
  --metric-primary: #c47f2c;
  --metric-secondary: #d99a3d;
  --metric-glow: #c47f2c47;
  --metric-border: #d99a3d73;
  --metric-sweep: #d99a3d33;
}

.metric-severity[data-severity="critical"] {
  --metric-primary: #d23b35;
  --metric-secondary: #ff5b52;
  --metric-glow: #d23b3557;
  --metric-border: #ff5b5280;
  --metric-sweep: #ff5b5238;
}

.metric-value {
  color: var(--metric-secondary);
  text-shadow: 0 0 8px var(--metric-glow);
  transition: color .42s linear, text-shadow .42s linear;
}

.metric-track {
  border: 1px solid var(--metric-border);
  background: var(--metric-panel);
  box-shadow: inset 0 0 10px #00000073, 0 0 10px var(--metric-glow);
  transition: border-color .42s linear, box-shadow .42s linear;
  position: relative;
  overflow: hidden;
}

.metric-track:after {
  content: "";
  background: linear-gradient(90deg, transparent, var(--metric-sweep), transparent);
  width: 36%;
  animation: 2.8s linear infinite telemetry-sweep;
  position: absolute;
  inset: 0;
  transform: translateX(-120%);
}

.metric-fill {
  background: linear-gradient(90deg, color-mix(in srgb, var(--metric-primary) 72%, #010803), var(--metric-secondary));
  box-shadow: 0 0 12px var(--metric-glow);
}

.metric-fill-unavailable {
  box-shadow: none;
  background: #6ea77b4d;
}

.live-dot {
  background: #22c55e;
  width: .48rem;
  height: .48rem;
  animation: 1.25s ease-in-out infinite live-blink;
  display: inline-block;
  box-shadow: 0 0 8px #22c55e8c;
}

.heartbeat-line {
  clip-path: polygon(0 54%, 18% 54%, 21% 20%, 24% 78%, 28% 54%, 54% 54%, 57% 30%, 60% 76%, 64% 54%, 100% 54%);
  background: linear-gradient(90deg, #0000 0 24%, #22c55ecc 24% 25%, #0000 25% 32%, #22c55ed9 32% 33%, #0000 33% 44%, #22c55ee6 44% 45%, #0000 45%), linear-gradient(90deg, #22c55e33, #22c55ea6, #22c55e33);
  width: 7rem;
  height: 1.25rem;
  animation: 1.6s ease-in-out infinite heartbeat-pulse;
}

.telemetry-bars {
  background-color: #010803;
  background-image: linear-gradient(#22c55e12 1px, #0000 1px), none;
  background-position: 0 0, 0 0;
  background-repeat: repeat, repeat;
  background-size: 100% 8px;
  background-attachment: scroll, scroll;
  background-origin: padding-box, padding-box;
  background-clip: border-box, border-box;
  border: 1px solid #0f6f358c;
  grid-template-columns: repeat(18, minmax(2px, 1fr));
  align-items: end;
  gap: 2px;
  height: 2rem;
  padding: 3px;
  display: grid;
  overflow: hidden;
}

.telemetry-bar {
  background: #22c55eb8;
  min-height: 2px;
  animation: 1.8s ease-in-out infinite telemetry-flicker;
}

.telemetry-chart {
  border: 1px solid var(--metric-border);
  background: linear-gradient(color-mix(in srgb, var(--metric-primary) 12%, transparent) 1px, transparent 1px),
    linear-gradient(90deg, color-mix(in srgb, var(--metric-primary) 9%, transparent) 1px, transparent 1px),
    var(--metric-panel);
  height: 2.65rem;
  box-shadow: 0 0 10px var(--metric-glow);
  background-size: 100% 10px, 16px 100%, auto;
  transition: border-color .42s linear, box-shadow .42s linear;
  position: relative;
  overflow: hidden;
}

.telemetry-chart:after {
  content: "";
  background: linear-gradient(90deg, transparent, var(--metric-sweep), transparent);
  pointer-events: none;
  width: 28%;
  animation: 1.8s linear infinite telemetry-sweep;
  position: absolute;
  inset: 0;
  transform: translateX(-130%);
}

.telemetry-chart svg {
  width: 100%;
  height: 100%;
  display: block;
}

.telemetry-grid-line {
  fill: none;
  stroke: color-mix(in srgb, var(--metric-primary) 20%, transparent);
  stroke-width: .6px;
}

.telemetry-line, .telemetry-line-glow {
  fill: none;
  stroke-linecap: square;
  stroke-linejoin: miter;
  vector-effect: non-scaling-stroke;
  transition: all .42s linear;
}

.telemetry-line {
  stroke: var(--metric-secondary);
  stroke-width: 1.35px;
}

.telemetry-line-glow {
  stroke: var(--metric-glow);
  stroke-width: 3px;
}

.network-chart {
  height: 2.55rem;
}

.network-key {
  border: 1px solid;
  width: .52rem;
  height: .52rem;
  display: inline-block;
  box-shadow: 0 0 6px;
}

.network-key-rx {
  color: #34d399;
}

.network-key-tx {
  color: #d6d04a;
}

.session-warning-scan {
  animation: 1.6s ease-in-out infinite session-warning-pulse;
  overflow: hidden;
}

.session-warning-scan:before {
  animation: 1.2s linear infinite session-warning-scan;
}

@keyframes session-warning-pulse {
  0%, 100% {
    box-shadow: 0 0 0 1px #22c55e17, 0 0 22px #22c55e14;
  }

  50% {
    box-shadow: 0 0 0 1px #ff5b5229, 0 0 28px #ff5b522e;
  }
}

@keyframes session-warning-scan {
  from {
    transform: translateX(-160%)rotate(45deg);
  }

  to {
    transform: translateX(160%)rotate(45deg);
  }
}

.network-line-rx, .network-line-tx, .network-line-rx-glow, .network-line-tx-glow {
  fill: none;
  stroke-linecap: square;
  stroke-linejoin: miter;
  vector-effect: non-scaling-stroke;
  transition: all .42s linear;
}

.network-line-rx {
  stroke: #34d399fa;
  stroke-width: 1.25px;
}

.network-line-tx {
  stroke: #d6d04afa;
  stroke-width: 1.25px;
}

.network-line-rx-glow {
  stroke: #22c55e47;
  stroke-width: 3px;
}

.network-line-tx-glow {
  stroke: #d6d04a33;
  stroke-width: 3px;
}

.telemetry-chart-button {
  width: 100%;
  color: inherit;
  cursor: pointer;
  text-align: inherit;
  background: none;
  border: 0;
  padding: 0;
  display: block;
}

.telemetry-chart-button .telemetry-chart {
  transition: border-color .18s, box-shadow .18s, transform .18s;
}

.telemetry-chart-button:hover .telemetry-chart, .telemetry-chart-button:focus-visible .telemetry-chart, .telemetry-chart-button[aria-expanded="true"] .telemetry-chart {
  border-color: #34d399e6;
  box-shadow: inset 0 0 16px #22c55e1f, 0 0 12px #22c55e1f;
}

.telemetry-chart-button:focus-visible {
  outline-offset: 3px;
  outline: 1px solid #d6ffe0d9;
}

.cpu-core-panel {
  background-color: #010803f5;
  background-image: linear-gradient(#22c55e0b 1px, #0000 1px), none;
  background-position: 0 0, 0 0;
  background-repeat: repeat, repeat;
  background-size: 100% 9px;
  background-attachment: scroll, scroll;
  background-origin: padding-box, padding-box;
  background-clip: border-box, border-box;
  border: 1px solid #34d39961;
  animation: .16s ease-out cpu-panel-open;
  overflow: hidden;
}

.cpu-core-grid {
  grid-template-columns: repeat(auto-fit, minmax(7rem, 1fr));
  gap: .35rem;
  max-height: 12rem;
  padding: .55rem;
  display: grid;
}

.cpu-core-meter {
  text-transform: uppercase;
  background: #00000038;
  border: 1px solid #0f6f358c;
  min-width: 0;
  padding: .35rem;
  font-size: .62rem;
  line-height: 1;
}

.cpu-core-track {
  background: #0000008c;
  border: 1px solid #34d3993d;
  height: .42rem;
  margin-top: .28rem;
  position: relative;
  overflow: hidden;
}

.cpu-core-fill {
  transform-origin: 0;
  background: linear-gradient(90deg, #22c55e8c, #b8ffd0e6);
  transition: transform .14s linear;
  position: absolute;
  inset: 0;
  box-shadow: 0 0 8px #22c55e47;
}

@keyframes cpu-panel-open {
  from {
    opacity: 0;
    max-height: 0;
  }

  to {
    opacity: 1;
    max-height: 14rem;
  }
}

.telemetry-scan {
  position: relative;
  overflow: hidden;
}

.telemetry-scan:after {
  content: "";
  pointer-events: none;
  background: #34d39973;
  height: 1px;
  animation: 3.2s linear infinite scanline-pass;
  position: absolute;
  inset: 0;
  transform: translateY(-100%);
}

.log-scrollbar {
  scrollbar-gutter: stable;
  scrollbar-color: #34d399cc #010803;
  scrollbar-width: thin;
  overflow: auto scroll;
}

.log-scrollbar::-webkit-scrollbar {
  width: 14px;
  height: 12px;
}

.log-scrollbar::-webkit-scrollbar-track {
  background: #010803;
  border-left: 1px solid #34d39959;
}

.log-scrollbar::-webkit-scrollbar-thumb {
  background: linear-gradient(45deg, #0000 0 18%, #34d399f2 18% 82%, #0000 82%), linear-gradient(#34d399f2, #0f6f35d9);
  border: 3px solid #010803;
}

.log-scrollbar::-webkit-scrollbar-corner {
  background: #010803;
}

.terminal-cursor:after {
  content: "_";
  color: #34d399;
  animation: 1s ease-in-out infinite live-blink;
}

@keyframes live-blink {
  0% {
    opacity: .45;
  }

  50% {
    opacity: 1;
  }

  100% {
    opacity: .45;
  }
}

@keyframes telemetry-sweep {
  to {
    transform: translateX(320%);
  }
}

@keyframes heartbeat-pulse {
  0%, 100% {
    opacity: .5;
  }

  45%, 55% {
    opacity: 1;
  }
}

@keyframes telemetry-flicker {
  0%, 100% {
    opacity: .55;
  }

  50% {
    opacity: 1;
  }
}

@keyframes scanline-pass {
  to {
    transform: translateY(32rem);
  }
}

.hover\:shadow-hot:hover {
  --tw-shadow: 0 0 18px #34d39938;
  --tw-shadow-colored: 0 0 18px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.focus\:border-matrix-jade:focus {
  --tw-border-opacity: 1;
  border-color: rgb(52 211 153 / var(--tw-border-opacity, 1));
}

@media (min-width: 640px) {
  .sm\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .sm\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .sm\:grid-cols-\[1fr_auto\] {
    grid-template-columns: 1fr auto;
  }

  .sm\:grid-cols-\[minmax\(0\,1fr\)_minmax\(10\.5rem\,auto\)\] {
    grid-template-columns: minmax(0, 1fr) minmax(10.5rem, auto);
  }

  .sm\:flex-row {
    flex-direction: row;
  }

  .sm\:items-start {
    align-items: flex-start;
  }

  .sm\:items-end {
    align-items: flex-end;
  }

  .sm\:text-right {
    text-align: right;
  }

  .sm\:text-3xl {
    font-size: 1.875rem;
    line-height: 2.25rem;
  }
}

@media (min-width: 768px) {
  .md\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .md\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

@media (min-width: 1024px) {
  .lg\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .lg\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .lg\:grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }

  .lg\:grid-cols-\[1\.25fr_0\.9fr_0\.9fr_0\.9fr_0\.85fr\] {
    grid-template-columns: 1.25fr .9fr .9fr .9fr .85fr;
  }

  .lg\:grid-cols-\[minmax\(0\,1\.12fr\)_minmax\(320px\,0\.88fr\)\] {
    grid-template-columns: minmax(0, 1.12fr) minmax(320px, .88fr);
  }

  .lg\:flex-row {
    flex-direction: row;
  }

  .lg\:items-start {
    align-items: flex-start;
  }

  .lg\:items-center {
    align-items: center;
  }

  .lg\:justify-end {
    justify-content: flex-end;
  }

  .lg\:justify-between {
    justify-content: space-between;
  }
}

@media (min-width: 1280px) {
  .xl\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .xl\:grid-cols-\[1\.4fr_0\.8fr\] {
    grid-template-columns: 1.4fr .8fr;
  }

  .xl\:grid-cols-\[360px_minmax\(0\,1fr\)\] {
    grid-template-columns: 360px minmax(0, 1fr);
  }
}

@media (min-width: 1536px) {
  .\32 xl\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/*# sourceMappingURL=app_globals_0jn8.0u.css.map*/