:root{
  --cp-bg:#0b0f14;
  --cp-bg-soft:#101826;
  --cp-panel:#121821;
  --cp-panel-2:#0b1220;
  --cp-border:rgba(255,255,255,.1);
  --cp-text:#f8fafc;
  --cp-muted:#cbd5e1;
  --cp-dim:#94a3b8;
  --cp-blue:#3b82f6;
  --cp-blue2:#2563eb;
  --cp-purple:#a855f7;
  --cp-green:#22c55e;
}
html,body{background:#0b0f14;}
.cp-body{
  background:
    radial-gradient(circle at top left, rgba(59,130,246,.08), transparent 24%),
    radial-gradient(circle at top right, rgba(168,85,247,.08), transparent 22%),
    linear-gradient(180deg,#0b0f14 0%, #0f172a 100%);
  color:var(--cp-text);
}
.cp-site-header{
  background:rgba(11,15,20,.94);
  backdrop-filter: blur(12px);
}
main{color:var(--cp-text);}
::selection{background:rgba(59,130,246,.85);color:white}
.bg-white{
  background:linear-gradient(180deg,rgba(18,24,33,.98),rgba(12,18,32,.98))!important;
}
.bg-slate-50,.bg-slate-100,.bg-slate-200{
  background:#0b1220!important;
}
.text-slate-900,.text-slate-800,.text-slate-700{
  color:var(--cp-text)!important;
}
.text-slate-600,.text-slate-500,.text-slate-400{
  color:var(--cp-muted)!important;
}
.border-slate-300,.border-slate-200,.border-slate-100{
  border-color:var(--cp-border)!important;
}
.shadow-sm,.shadow,.shadow-md{
  box-shadow:0 18px 42px rgba(0,0,0,.28)!important;
}
.rounded-2xl,.rounded-xl{
  border-radius:1rem;
}
table thead tr{
  background:rgba(255,255,255,.04)!important;
}
table tbody tr:hover{
  background:rgba(255,255,255,.035)!important;
}
input, select, textarea{
  background:#0b1220!important;
  color:var(--cp-text)!important;
  border-color:var(--cp-border)!important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.02), 0 0 0 1px rgba(255,255,255,.02);
}
input::placeholder, textarea::placeholder{
  color:var(--cp-dim)!important;
}
input:focus, select:focus, textarea:focus{
  outline:none!important;
  border-color:rgba(59,130,246,.65)!important;
  box-shadow:0 0 0 4px rgba(59,130,246,.16)!important;
}
button,
input[type="submit"],
input[type="button"],
a.inline-flex,
a.bg-blue-700,
a.bg-blue-950,
a.bg-white.text-blue-700,
a.text-blue-700.hover\:text-blue-800,
a.text-blue-700{
  transition:all .18s ease;
}
button:hover,
input[type="submit"]:hover,
input[type="button"]:hover,
a.inline-flex:hover{
  transform:translateY(-1px);
}
.bg-blue-700,
.bg-blue-950{
  background-image:linear-gradient(90deg,var(--cp-blue),var(--cp-purple))!important;
  color:#fff!important;
}
.hover\:bg-blue-600:hover,
.hover\:bg-blue-800:hover,
.hover\:bg-slate-900:hover{
  filter:brightness(1.08);
}
.bg-green-100{
  background:rgba(34,197,94,.18)!important;
}
.text-green-700,.text-green-800{
  color:#86efac!important;
}
.bg-emerald-100{background:rgba(16,185,129,.16)!important;}
.text-emerald-800{color:#6ee7b7!important;}
.bg-sky-100{background:rgba(14,165,233,.16)!important;}
.text-sky-800{color:#7dd3fc!important;}
.bg-slate-100{background:#182233!important;}
.text-blue-700,.text-blue-800{color:#93c5fd!important;}
.hover\:text-blue-800:hover,.hover\:text-blue-700:hover,.hover\:text-white:hover{color:white!important;}
a.text-blue-700,a.text-blue-800{
  text-decoration:none;
}
a.text-blue-700:hover,a.text-blue-800:hover{
  text-decoration:underline;
}
.no-underline{text-decoration:none!important;}
pre{
  background:#0b1220;
  border:1px solid var(--cp-border);
  border-radius:1rem;
  color:var(--cp-text);
}
img{
  image-rendering:auto;
}