@import url('/assets/site.css');

/* Legacy compatibility for older pages that still use historic class names. */
.feature-card,
.plan-card,
.pricing,
.contact-form,
.testimonial,
.module,
.hero-panel,
.pricing-wrap{
  background:linear-gradient(180deg, rgba(255,255,255,.98), rgba(248,251,255,.98));
  border:1px solid var(--line);
  border-radius:var(--radius);
  box-shadow:var(--shadow-soft);
  padding:18px;
}

.feature-card img,
.plan-card img{
  width:64px;
  height:64px;
  margin-bottom:12px;
}

.uf-global-nav{
  position:sticky;
  top:0;
  z-index:50;
  background:rgba(255,255,255,.84);
  backdrop-filter:blur(18px);
  border-bottom:1px solid rgba(214,223,236,.9);
}
.uf-global-nav .uf-wrap{
  max-width:1140px;
  margin:0 auto;
  padding:14px 20px;
  display:flex;
  align-items:center;
  gap:12px;
  flex-wrap:wrap;
}
.uf-brand{
  font-weight:800;
  letter-spacing:-.03em;
}
.uf-link{
  padding:8px 12px;
  border-radius:999px;
  color:var(--muted);
  text-decoration:none;
}
.uf-link:hover{
  background:rgba(31,94,255,.06);
  color:var(--text);
}
.uf-badge{
  margin-left:auto;
  font-size:.75rem;
  color:var(--muted);
}

@media (max-width:760px){
  .uf-badge{display:none}
}