/* ── VEKTOR · DESIGN TOKENS (shared) ── */

:root{
  --bg:#000000;
  --surface:#0d0d0d;
  --surface-2:#181818;
  --card:#0d0d0d;
  --card-border:rgba(91,163,232,0.15);

  --ink:#F0F0FA;
  --ink-mid:rgba(240,240,250,0.6);
  --ink-dim:rgba(240,240,250,0.4);
  --ink-faint:rgba(240,240,250,0.28);
  --line:rgba(240,240,250,0.1);

  --accent:#5BA3E8;
  --accent-deep:#1549C5;
  --danger:#FF5F57;

  --ghost-bg:rgba(240,240,250,0.07);
  --ghost-bd:rgba(240,240,250,0.28);
}

*,*::before,*::after{
  box-sizing:border-box;
  -webkit-tap-highlight-color:transparent;
}

html,body{
  background:var(--bg);
  color:var(--ink);
  font-family:'Rajdhani',sans-serif;
  -webkit-font-smoothing:antialiased;
  margin:0;padding:0;
}
body{min-height:100vh;overflow-x:hidden}

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

/* ── TYPOGRAPHY ── */
.t-eyebrow{
  font-family:'JetBrains Mono',monospace;
  font-size:9px;letter-spacing:.32em;text-transform:uppercase;
  color:var(--ink-dim);
  display:flex;align-items:center;gap:12px;
}
.t-eyebrow::before{content:'';width:24px;height:1px;background:var(--accent);flex-shrink:0}

.t-h1{
  font-family:'Bebas Neue',sans-serif;
  font-size:72px;line-height:.92;letter-spacing:.03em;text-transform:uppercase;
  color:var(--ink);
  filter:drop-shadow(0 0 32px rgba(240,240,250,0.06));
}
.t-h2{
  font-family:'Bebas Neue',sans-serif;
  font-size:32px;line-height:1;letter-spacing:.06em;text-transform:uppercase;
  color:var(--ink);
}
.t-sub{
  font-family:'Rajdhani',sans-serif;font-weight:300;
  font-size:14px;letter-spacing:.06em;text-transform:uppercase;
  color:var(--ink-dim);line-height:1.6;
}
.t-mono{
  font-family:'JetBrains Mono',monospace;
  font-size:10px;letter-spacing:.22em;text-transform:uppercase;
  color:var(--ink-dim);
}

/* ── BUTTONS ── */
.btn-primary{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  width:100%;padding:16px 24px;
  background:var(--accent);border:none;color:#fff;border-radius:0;
  font-family:'Rajdhani',sans-serif;font-weight:700;
  font-size:13px;letter-spacing:.22em;text-transform:uppercase;
  cursor:pointer;transition:background .2s ease,transform .25s ease;
}
.btn-primary:hover{background:var(--accent-deep)}
.btn-primary:active{transform:scale(.98)}

.btn-ghost{
  display:flex;align-items:center;justify-content:center;gap:10px;
  width:100%;padding:14px 20px;
  background:var(--ghost-bg);
  border:1px solid var(--ghost-bd);
  color:var(--ink);border-radius:0;
  font-family:'Rajdhani',sans-serif;font-weight:600;
  font-size:11px;letter-spacing:.22em;text-transform:uppercase;
  cursor:pointer;transition:background .2s,border-color .2s;
}
.btn-ghost:hover{background:rgba(240,240,250,0.12);border-color:rgba(240,240,250,0.5)}

.btn-danger{
  background:var(--danger);color:#000;
}
.btn-danger:hover{background:#ff8076}

/* ── BADGES ── */
.badge{
  font-family:'JetBrains Mono',monospace;
  font-size:9px;letter-spacing:.24em;text-transform:uppercase;
  color:var(--accent);
  background:rgba(91,163,232,0.08);
  border:1px solid rgba(91,163,232,0.3);
  padding:6px 10px;border-radius:0;font-weight:500;
}

/* ── CARDS ── */
.surface-card{
  background:var(--card);
  border:1px solid var(--line);
  border-radius:0;
  position:relative;
}