/* Start custom CSS */:root{
  --violet:#8B7CFF;
  --violet-hover:#7A6BFF;
  --midnight:#0B0F1A;

  --bg:#FAFAFC;
  --bg-2:#F1F2F6;
  --border:#E4E6EB;

  --text:#0B0F1A;
  --text-2:#4B5563;
  --muted:#9CA3AF;

  --radius:12px;
  --shadow: 0 18px 55px rgba(11,15,26,0.10);

  --container: 1180px;
}

body{
  background: var(--bg);
  color: var(--text);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

.bs-wrap{max-width:var(--container); margin:0 auto; padding:0 20px;}
.bs-section{padding: 72px 0;}
@media(max-width: 920px){ .bs-section{padding: 54px 0;} }

.bs-btn{
  display:inline-flex; align-items:center; justify-content:center;
  padding: 12px 16px;
  border-radius: 10px;
  text-decoration:none;
  font-weight: 650;
  border:1px solid transparent;
  transition: 160ms ease;
  line-height: 1;
  white-space: nowrap;
}
.bs-btn.primary{background:var(--violet); color:#fff;}
.bs-btn.primary:hover{background:var(--violet-hover);}
.bs-btn.secondary{
  background: transparent;
  color: var(--text);
  border-color: rgba(209,213,219,1);
}
.bs-btn.secondary:hover{border-color: var(--text);}

.bs-pill{
  display:inline-flex; gap:10px; align-items:center;
  padding: 8px 12px;
  border:1px solid var(--border);
  border-radius:999px;
  background: rgba(255,255,255,0.72);
  backdrop-filter: blur(18px);
  color: var(--text-2);
  font-size: 14px;
}
/* =========================
   COPY / SELECTION LOCK
========================= */

/* Disable selection everywhere */
body{
  user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}

/* Allow interaction where needed */
a,
button,
input,
textarea,
select,
.bs-btn{
  user-select: auto;
  -webkit-user-select: auto;
  -ms-user-select: auto;
}/* End custom CSS */