:root{
  --brand:#5b8cff;
  --brand-accent:#7e5bf9;
}
body{font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif}
.brand-logo{font-family: 'Space Grotesk', Inter, sans-serif; font-weight:700}
.brand-dot{color:var(--brand)}
.hero{
  padding:4rem 0;
  background: radial-gradient(1200px 500px at 20% -10%, rgba(126,91,249,.12), transparent 60%),
              linear-gradient(180deg, #f8fafc 0%, #ffffff 100%);
  border-radius: .75rem; border:1px solid rgba(0,0,0,.05);
}
.hero .lead{max-width: 56rem; margin: 0 auto}
.card{border-radius:.75rem}
.img-thumb{max-height:72px}
.wrap-long{max-width:100%;overflow-wrap:anywhere}
.footer{color:#6c757d;font-size:.95rem}
.btn-primary{background:linear-gradient(135deg, var(--brand), var(--brand-accent)); border:0}
.btn-primary:hover{filter:brightness(0.95)}
.table>thead{background:#f6f8fb}