/* Minimal CSS nad Tailwindem (AI/glass look). */

.glass {
  border-radius: 1.25rem;
  border: 1px solid rgba(255,255,255,0.10);
  background: rgba(255,255,255,0.05);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  box-shadow: 0 18px 60px rgba(0,0,0,0.25);
}

.bg-orb {
  position: fixed;
  inset: auto;
  width: 520px;
  height: 520px;
  border-radius: 9999px;
  filter: blur(60px);
  opacity: 0.45;
  pointer-events: none;
  z-index: 0;
}
.bg-orb-1 {
  left: -160px;
  top: -160px;
  background: radial-gradient(circle at 30% 30%, rgba(34,211,238,0.9), rgba(34,211,238,0) 60%);
}
.bg-orb-2 {
  right: -180px;
  bottom: -180px;
  background: radial-gradient(circle at 30% 30%, rgba(124,58,237,0.9), rgba(124,58,237,0) 60%);
}

.loader {
  width: 14px;
  height: 14px;
  border-radius: 9999px;
  border: 2px solid rgba(255,255,255,0.25);
  border-top-color: rgba(34,211,238,0.9);
  animation: spin 0.9s linear infinite;
}
@keyframes spin { to { transform: rotate(360deg); } }

.badge {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  border-radius: 9999px;
  border: 1px solid rgba(255,255,255,0.10);
  background: rgba(255,255,255,0.04);
  padding: 0.35rem 0.6rem;
}