/* euquero3d · brand system v2.0 · tokens compartilhados */
:root{
  --violet:#7C3AED; --cyan:#22D3EE; --lime:#C6F432;
  --space:#0A0A0F; --space-2:#12121A;
  --ghost:#E5E5F0; --ghost-dim:#8B8B9E;
  --holo:linear-gradient(135deg,#7C3AED 0%,#22D3EE 100%);
  --mono:'JetBrains Mono',monospace;
  --display:'Space Grotesk',sans-serif;
  --body:'Inter',sans-serif;
  --ease:cubic-bezier(.25,.46,.45,.94);
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{background:var(--space);color:var(--ghost);font-family:var(--body);font-size:16px;line-height:1.6;overflow-x:hidden}
::selection{background:var(--violet);color:var(--ghost)}
body::before{content:'';position:fixed;inset:0;pointer-events:none;z-index:0;
  background-image:linear-gradient(rgba(124,58,237,.04) 1px,transparent 1px),
  linear-gradient(90deg,rgba(124,58,237,.04) 1px,transparent 1px);background-size:64px 64px}
body::after{content:'';position:fixed;inset:0;pointer-events:none;z-index:1;
  background:repeating-linear-gradient(0deg,transparent 0 2px,rgba(229,229,240,.012) 2px 4px);mix-blend-mode:screen}
main,header,footer,nav,.z{position:relative;z-index:2}
a{color:inherit;text-decoration:none}
.mono{font-family:var(--mono)}
.holo-text{background:var(--holo);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}

nav.topbar{position:fixed;top:0;left:0;right:0;z-index:100;background:rgba(10,10,15,.82);
  backdrop-filter:blur(12px);border-bottom:1px solid rgba(124,58,237,.25)}
.nav-inner{max-width:1200px;margin:0 auto;padding:0 24px;height:64px;display:flex;align-items:center;justify-content:space-between}
.logo{display:flex;align-items:center;gap:10px;font-family:var(--display);font-weight:700;font-size:22px;letter-spacing:-.02em}
.logo .mark{background:var(--holo);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.logo .accent{color:var(--lime)}
.nav-links{display:flex;gap:26px;align-items:center}
.nav-links a{font-family:var(--mono);font-size:12px;color:var(--ghost-dim);letter-spacing:.06em;transition:color 150ms var(--ease)}
.nav-links a::before{content:'>_ ';color:transparent;transition:color 150ms var(--ease)}
.nav-links a:hover{color:var(--ghost)}.nav-links a:hover::before{color:var(--lime)}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--mono);
  font-size:13px;font-weight:700;letter-spacing:.04em;padding:11px 22px;border:none;cursor:pointer;
  transition:transform 150ms var(--ease),box-shadow 150ms var(--ease)}
.btn-lime{background:var(--lime);color:var(--space);
  clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px))}
.btn-lime:hover{transform:translateY(-2px);box-shadow:0 0 32px rgba(198,244,50,.35)}
.btn-ghost{background:transparent;color:var(--cyan);border:1px solid rgba(34,211,238,.4)}
.btn-ghost:hover{border-color:var(--cyan);box-shadow:0 0 24px rgba(34,211,238,.2)}

.hud-divider{display:flex;align-items:center;gap:8px;margin:0 auto;max-width:1200px;padding:0 24px}
.hud-divider::before{content:'';flex:1;height:1px;background:linear-gradient(90deg,var(--cyan),transparent)}
.hud-divider::after{content:'';width:24px;height:1px;background:var(--lime)}
.hud-divider span{font-family:var(--mono);font-size:11px;color:var(--cyan);letter-spacing:.15em}

section{padding:96px 24px}
.section-inner{max-width:1200px;margin:0 auto}
.section-eyebrow{font-family:var(--mono);font-size:12px;color:var(--cyan);letter-spacing:.14em;margin-bottom:14px}
.section-eyebrow::before{content:'> ';color:var(--lime)}
h2{font-family:var(--display);font-weight:700;font-size:clamp(30px,4.2vw,50px);line-height:1.06;letter-spacing:-.025em}

.card{background:var(--space-2);border:1px solid rgba(124,58,237,.22);padding:24px;
  transition:border-color 150ms var(--ease),transform 150ms var(--ease);position:relative;overflow:hidden}
.card:hover{border-color:var(--cyan)}
.card::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:var(--holo);
  opacity:0;transition:opacity 150ms var(--ease)}
.card:hover::before{opacity:1}

input,select,textarea{background:var(--space);border:1px solid rgba(124,58,237,.35);color:var(--ghost);
  font-family:var(--mono);font-size:13px;padding:11px 14px;width:100%;outline:none;
  transition:border-color 150ms var(--ease)}
input:focus,select:focus,textarea:focus{border-color:var(--cyan)}
label{font-family:var(--mono);font-size:11px;letter-spacing:.1em;color:var(--ghost-dim);display:block;margin:14px 0 6px}
label::before{content:'> ';color:var(--lime)}

table{width:100%;border-collapse:collapse;font-family:var(--mono);font-size:12.5px}
th{text-align:left;color:var(--cyan);letter-spacing:.1em;font-weight:500;font-size:11px;
  padding:12px 14px;border-bottom:1px solid rgba(34,211,238,.3)}
td{padding:12px 14px;border-bottom:1px dashed rgba(124,58,237,.2);color:var(--ghost-dim)}
tr:hover td{color:var(--ghost);background:rgba(124,58,237,.05)}

.badge{font-family:var(--mono);font-size:10px;letter-spacing:.08em;padding:4px 10px;border:1px solid}
.st-recebido{color:var(--ghost-dim);border-color:var(--ghost-dim)}
.st-configuracao{color:var(--violet);border-color:var(--violet)}
.st-imprimindo{color:var(--lime);border-color:var(--lime);animation:pulse 2s infinite}
.st-acabamento{color:var(--cyan);border-color:var(--cyan)}
.st-enviado,.st-entregue{color:var(--cyan);border-color:rgba(34,211,238,.5)}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.5}}

.term-bar{display:flex;align-items:center;gap:8px;padding:12px 18px;font-family:var(--mono);
  border-bottom:1px solid rgba(34,211,238,.2);font-size:11px;color:var(--ghost-dim);letter-spacing:.08em}
.term-bar i{width:9px;height:9px;border-radius:50%;font-style:normal}
.term-bar i:nth-child(1){background:var(--violet)}
.term-bar i:nth-child(2){background:var(--cyan)}
.term-bar i:nth-child(3){background:var(--lime)}

@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.001s!important;transition-duration:.001s!important}}
