:root{
  --brand:#ea3a87;
  --brand-2:#ff7ab6;
  --dark:#0f1115;
  --light:#ffffff;
}
html { scroll-behavior: smooth; }
body{
  font-family: system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,"Helvetica Neue",Arial,"Apple Color Emoji","Segoe UI Emoji";
  color:#1f2937;
  background:#fff;
}
.navbar-brand img{ height:32px; width:auto; }
.hero{
  background: radial-gradient(80% 80% at 50% 0%, rgba(255,122,182,.25) 0%, rgba(234,58,135,.10) 40%, transparent 70%) , linear-gradient(180deg,#fff, #fff);
  padding: 56px 0 32px;
}
.hero h1{
  font-weight:800;
  letter-spacing:-.02em;
}
.cta-btn{
  background: linear-gradient(90deg, var(--brand), var(--brand-2));
  border:0;
  color:#fff;
  box-shadow: 0 10px 24px rgba(234,58,135,.25);
}
.cta-btn:hover{ opacity:.95; color:#fff; }
.table thead th{ background:#f8f9fa; }
.figure {
  border-radius:14px; overflow:hidden; box-shadow:0 6px 20px rgba(16,24,40,.08);
}
footer{ background:#0f1115; color:#cbd5e1; }
footer a{ color:#e2e8f0; }
.author{
  display:flex; gap:16px; align-items:center;
  padding:16px; background:#111827; border-radius:14px; color:#e5e7eb;
}
.author img{ width:56px; height:56px; border-radius:50%; object-fit:cover; }
.toc{
  background:#f9fafb; border:1px solid #e5e7eb; border-radius:12px; padding:16px;
}
.badge-soft{ background:#fff1f7; color:#b4235a; border:1px solid #ffd6e8; }