:root{
  --blurbly-gradient:linear-gradient(135deg,#7133FF 0%,#2C6BFF 45%,#FF4F9A 100%);
  --blurbly-navy:#0F1330;
  --blurbly-blue-navy:#1A1F3D;
  --blurbly-soft:#F3F4FF;
  --blurbly-pink:#FF4F9A;
  --blurbly-purple:#7133FF;
  --blurbly-blue:#2C6BFF;
  --blurbly-radius:24px;
  --blurbly-shadow:0 24px 70px rgba(15,19,48,.10);
}

.blurbly-ux-admin{
  color:var(--blurbly-navy);
}

.blurbly-ux-admin h1,
.blurbly-ux-admin h2,
.blurbly-ux-admin h3,
.blurbly-public-shell h1{
  font-family:Poppins,Inter,system-ui,sans-serif;
  letter-spacing:-.03em;
  color:var(--blurbly-navy);
}

.blurbly-ux-lead{
  font-size:16px;
  color:#535a7d;
}

.blurbly-ux-hero{
  display:grid;
  grid-template-columns:minmax(0,1fr) 320px;
  gap:24px;
  align-items:center;
  padding:34px;
  border-radius:32px;
  background:radial-gradient(circle at top left,rgba(113,51,255,.14),transparent 32%),
             radial-gradient(circle at bottom right,rgba(255,79,154,.16),transparent 30%),
             #fff;
  box-shadow:var(--blurbly-shadow);
  margin:22px 0;
}

.blurbly-ux-hero h2{
  font-size:38px;
  margin:10px 0;
}

.blurbly-ux-hero p{
  max-width:680px;
  font-size:16px;
  color:#555b7c;
}

.blurbly-chip{
  display:inline-flex;
  align-items:center;
  border-radius:999px;
  background:#f1efff;
  color:#7133FF;
  padding:8px 13px;
  font-weight:700;
  font-size:12px;
}

.blurbly-ux-actions{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  margin-top:18px;
}

.blurbly-btn-primary,
.blurbly-btn-outline{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  text-decoration:none;
  border-radius:999px;
  padding:13px 22px;
  font-weight:800;
}

.blurbly-btn-primary{
  background:var(--blurbly-gradient);
  color:#fff;
  box-shadow:0 12px 28px rgba(113,51,255,.24);
}

.blurbly-btn-outline{
  background:#fff;
  color:#7133FF;
  border:2px solid #7133FF;
}

.blurbly-notification-card{
  background:#fff;
  border-radius:22px;
  padding:18px;
  box-shadow:0 18px 45px rgba(15,19,48,.12);
  border:1px solid rgba(113,51,255,.08);
}

.blurbly-notification-card span{
  display:block;
  margin-top:5px;
  color:#68708f;
}

.blurbly-ux-stats,
.blurbly-role-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(210px,1fr));
  gap:18px;
  margin:22px 0;
}

.blurbly-stat,
.blurbly-role-card{
  background:#fff;
  border-radius:24px;
  padding:24px;
  box-shadow:var(--blurbly-shadow);
}

.blurbly-stat strong{
  display:block;
  font-size:34px;
  color:var(--blurbly-navy);
}

.blurbly-stat span,
.blurbly-role-card p{
  color:#62698b;
}

.blurbly-role-card span{
  color:#FF4F9A;
  font-weight:800;
}

.blurbly-role-card h3{
  margin:8px 0;
  font-size:22px;
}

.blurbly-public-shell{
  max-width:1120px;
  margin:40px auto;
  padding:54px;
  border-radius:34px;
  background:#fff;
  box-shadow:var(--blurbly-shadow);
}

.blurbly-public-shell h1{
  font-size:48px;
  margin:14px 0;
}

@media(max-width:900px){
  .blurbly-ux-hero{
    grid-template-columns:1fr;
    padding:24px;
  }
  .blurbly-ux-hero h2,
  .blurbly-public-shell h1{
    font-size:32px;
  }
}