.uy-container{ width:100%; max-width:1120px; margin:0 auto; padding:0 16px; }
.muted{ color: var(--muted); }

.uy-watermark{
  position:fixed; right:22px; bottom:16px; z-index:20;
  font-size:11px; letter-spacing:.35em; text-transform:uppercase;
  color: rgba(148,163,184,.35);
  pointer-events:none;
}

.uy-header{
  position:sticky; top:0; z-index:50;
  background: linear-gradient(to bottom, rgba(15,23,42,.95), rgba(15,23,42,.70), transparent);
  backdrop-filter: blur(18px);
  border-bottom: 1px solid rgba(148,163,184,.22);
}
.uy-header .uy-container{
  display:flex; align-items:center; justify-content:space-between;
  padding: 14px 16px; gap:14px;
}

.uy-logo{
  display:flex; align-items:center; gap:8px;
  font-weight:700; letter-spacing:.18em; text-transform:uppercase;
  font-size: 13px;
  text-decoration:none;
  user-select:none;
}
.logo-mark{
  background: radial-gradient(circle at 20% 20%, #22c55e, #22d3ee);
  padding: 6px 10px;
  border-radius: 999px;
  font-size: 11px;
  color: #020617;
  box-shadow: 0 8px 24px rgba(34,211,238,.6);
}

main{ padding-bottom: 30px; }
.uy-footer{
  border-top: 1px solid rgba(148,163,184,.2);
  padding: 14px 0 20px;
  font-size: 11px;
  color: rgba(156,163,175,.9);
}
.uy-footer .uy-container{ display:flex; justify-content:space-between; gap:10px; flex-wrap:wrap; }