:root{
  --bg0:#060A12;
  --bg1:#0B1222;
  --card:#0E1830;
  --line:rgba(255,255,255,.10);
  --accent:#19A7FF;
  --accent2:#0B5ED7;
}

.app-bg{
  background:
    radial-gradient(1200px 600px at 20% 10%, rgba(25,167,255,.14), transparent 55%),
    radial-gradient(900px 500px at 85% 20%, rgba(11,94,215,.12), transparent 60%),
    linear-gradient(180deg, var(--bg0), var(--bg1));
  color: rgba(255,255,255,.88);
  min-height: 100vh;
}

.app-nav{ background: rgba(10,16,32,.55); backdrop-filter: blur(10px); }

.card-tech{
  background: linear-gradient(180deg, rgba(14,24,48,.9), rgba(10,16,32,.9));
  border: 1px solid var(--line);
  border-radius: 18px;
  box-shadow: 0 12px 40px rgba(0,0,0,.35);
}

.form-control, .form-select{
  background: rgba(255,255,255,.04);
  background-color: #0B1222 !important;
  border: 1px solid var(--line);
  color: rgba(255,255,255,.9);
  border-radius: 12px;
}
.form-control:focus, .form-select:focus{
  border-color: rgba(25,167,255,.55);
  box-shadow: 0 0 0 .2rem rgba(25,167,255,.18);
  background: rgba(255,255,255,.06);
  color: #fff;
}

.table{
  --bs-table-bg: transparent;
  --bs-table-color: rgba(255,255,255,.86);
  --bs-table-border-color: var(--line);
}
.badge-soft{
  background: rgba(25,167,255,.12);
  border: 1px solid rgba(25,167,255,.25);
  color: rgba(255,255,255,.9);
}

.btn-accent{
  background: linear-gradient(180deg, rgba(25,167,255,.95), rgba(11,94,215,.95));
  border: none;
  border-radius: 12px;
}
.btn-accent:hover{ filter: brightness(1.05); }

a { color: rgba(25,167,255,.95); }

.form-label {
  color: white !important;
}