/* --- Bling layer (safe) --- */
:root{
  --glow: 0 0 40px rgba(120, 180, 255, .18);
  --glass: rgba(255,255,255,.06);
  --glass-border: rgba(255,255,255,.10);
}

body{
  background:
    radial-gradient(900px 600px at 15% 10%, rgba(120,180,255,.20), transparent 60%),
    radial-gradient(800px 500px at 85% 20%, rgba(255,120,210,.16), transparent 55%),
    radial-gradient(700px 500px at 50% 90%, rgba(120,255,180,.10), transparent 60%),
    var(--bg);
}

.hero{
  position: relative;
  border-radius: 22px;
  padding: 28px;
  background: linear-gradient(135deg, rgba(255,255,255,.08), rgba(255,255,255,.03));
  border: 1px solid var(--glass-border);
  box-shadow: var(--glow);
  overflow: hidden;
}

.hero::before{
  content:"";
  position:absolute; inset:-2px;
  background: radial-gradient(600px 260px at 20% 20%, rgba(255,255,255,.18), transparent 60%);
  pointer-events:none;
}

.hero::after{
  content:"";
  position:absolute; inset:0;
  background: linear-gradient(120deg, transparent, rgba(255,255,255,.08), transparent);
  transform: translateX(-70%);
  animation: sheen 6s ease-in-out infinite;
  pointer-events:none;
  opacity:.6;
}

@keyframes sheen{
  0%{ transform: translateX(-70%); }
  45%{ transform: translateX(-70%); }
  80%{ transform: translateX(70%); }
  100%{ transform: translateX(70%); }
}

.card.glass{
  background: var(--glass);
  border: 1px solid var(--glass-border);
  backdrop-filter: blur(10px);
  box-shadow: 0 10px 35px rgba(0,0,0,.25);
}

.btn{
  position: relative;
  overflow:hidden;
}

.btn::after{
  content:"";
  position:absolute; inset:0;
  background: linear-gradient(120deg, transparent, rgba(255,255,255,.22), transparent);
  transform: translateX(-120%);
  transition: transform .7s ease;
}

.btn:hover::after{
  transform: translateX(120%);
}

.grid-bling{
  display:grid;
  gap:14px;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}

.badges{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:12px;
}

.badge{
  padding:6px 10px;
  border-radius:999px;
  background: rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.10);
  font-size:13px;
  opacity:.9;
}

.hoverlift{
  transition: transform .18s ease, box-shadow .18s ease;
}
.hoverlift:hover{
  transform: translateY(-2px);
  box-shadow: 0 18px 55px rgba(0,0,0,.28);
}