:root{
  --app-green:#2f8f2f;
  --app-green-2:#1f6e1f;
  --app-bg:#f5f7fb;
}
body{background:var(--app-bg);}
.app-nav{
  background: linear-gradient(90deg, var(--app-green), #3bb54a, var(--app-green-2));
}
.brand-dot{
  width:12px;height:12px;border-radius:50%;
  background:#fff;display:inline-block;opacity:.9;
}
.hero{
  background: #ffffff;
  border:1px solid #e9edf3;
  border-radius:14px;
  padding:20px;
}
.card-channel{
  border:1px solid #e9edf3;
  border-radius:14px;
  overflow:hidden;
}
.card-channel .thumb{
  aspect-ratio: 1 / 1;
  background:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:12px;
}
.card-channel img{
  max-width:100%;
  max-height:100%;
  object-fit:contain;
}
.badge-soft{
  background:#eef7ef;
  color:#1f6e1f;
  border:1px solid #d6efda;
}