:root{
  --bg0:#070a12;
  --bg1:#0b1020;
  --neon:#2dd4ff;
  --neon2:#6ea8fe;
  --muted:#a7b0c0;
  --card:#0b1020cc;
  --stroke:rgba(45,212,255,.22);
}

html,body{
  background: radial-gradient(1200px 600px at 20% -10%, rgba(45,212,255,.20), transparent 60%),
              radial-gradient(900px 500px at 110% 10%, rgba(110,168,254,.18), transparent 55%),
              linear-gradient(180deg, var(--bg0), #04050a 65%, #02030a);
  color: #e8eefc;
}

.app-shell{
  min-height: 100vh;
}

.glass{
  background: linear-gradient(135deg, rgba(11,16,32,.80), rgba(3,6,16,.65));
  border: 1px solid var(--stroke);
  box-shadow: 0 12px 40px rgba(0,0,0,.35);
  backdrop-filter: blur(10px);
}

.brand-chip{
  width: 34px;
  height: 34px;
  border-radius: 999px;
  display: grid;
  place-items: center;
  border: 1px solid var(--stroke);
  background: rgba(45,212,255,.08);
}

.neon-line{
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(45,212,255,.55), transparent);
}

.btn-neon{
  border: 1px solid rgba(45,212,255,.55);
  color: #c9f3ff;
  background: rgba(45,212,255,.06);
}
.btn-neon:hover{
  background: rgba(45,212,255,.12);
  color: #e9fbff;
}

.form-control,.form-select{
  background: rgba(7,10,18,.55);
  border: 1px solid rgba(167,176,192,.20);
  color: #e8eefc;
}
.form-control:focus,.form-select:focus{
  border-color: rgba(45,212,255,.65);
  box-shadow: 0 0 0 .25rem rgba(45,212,255,.15);
  background: rgba(7,10,18,.65);
  color:#e8eefc;
}

.small-muted{
  color: var(--muted);
}

.mono{
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}