/* Calystrix IT - Custom Styles (no SVG) */
:root{
  --brand-900:#0b1220;
  --brand-800:#0f1f3a;
  --brand-700:#14315a;
  --accent-500:#8b5cf6;
  --accent-400:#a78bfa;
  --surface:#0b1220;
}

html{font-size:16px; scroll-behavior:smooth;}
body{background: radial-gradient(1200px 600px at 15% 10%, rgba(139,92,246,.18), transparent 60%),
                 radial-gradient(900px 500px at 85% 20%, rgba(167,139,250,.14), transparent 55%),
                 #070b14;
     color:#e5e7eb;
}

.container-max{max-width: 1180px;}
.glass{
  background: rgba(15,23,42,.55);
  border: 1px solid rgba(148,163,184,.16);
  backdrop-filter: blur(10px);
}
.card{
  background: rgba(15,23,42,.55);
  border: 1px solid rgba(148,163,184,.14);
  border-radius: 1.25rem;
}
.badge{
  display:inline-flex; align-items:center; gap:.5rem;
  padding:.375rem .75rem;
  border-radius:999px;
  border:1px solid rgba(148,163,184,.18);
  background: rgba(2,6,23,.45);
}
.btn-primary{
  display:inline-flex; align-items:center; gap:.6rem;
  padding:.8rem 1.05rem;
  border-radius: .9rem;
  background: linear-gradient(135deg, rgba(139,92,246,1), rgba(167,139,250,1));
  color:#05070f;
  font-weight: 700;
  transition: transform .12s ease, filter .12s ease;
}
.btn-primary:hover{transform: translateY(-1px); filter: brightness(1.05);}
.btn-secondary{
  display:inline-flex; align-items:center; gap:.6rem;
  padding:.8rem 1.05rem;
  border-radius: .9rem;
  border: 1px solid rgba(148,163,184,.22);
  background: rgba(15,23,42,.45);
  color:#e5e7eb;
  transition: transform .12s ease, background .12s ease;
}
.btn-secondary:hover{transform: translateY(-1px); background: rgba(15,23,42,.62);}

.hr-soft{border-color: rgba(148,163,184,.14);}

.kbd{
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-size:.875rem;
  padding:.2rem .45rem;
  border-radius:.5rem;
  border:1px solid rgba(148,163,184,.22);
  background: rgba(2,6,23,.45);
}

.shadow-soft{box-shadow: 0 10px 30px rgba(0,0,0,.35);}

@media (prefers-reduced-motion: reduce){
  html{scroll-behavior:auto;}
  *{transition:none !important; animation:none !important;}
}