:root{
  /* Farben */
  --jv-bg:#07080D;
  --jv-bg-2:#0E1020;
  --jv-violet:#8B5CF6;
  --jv-cyan:#22D3EE;
  --jv-pink:#FF6B9A;
  --jv-text:#F4F5FA;
  --jv-muted:rgba(244,245,250,.62);
  --jv-grad:linear-gradient(135deg,#8B5CF6 0%,#22D3EE 100%);

  /* Liquid Glass */
  --glass-bg:linear-gradient(160deg,rgba(255,255,255,.14),rgba(255,255,255,.04));
  --glass-border:1px solid rgba(255,255,255,.18);
  --glass-blur:blur(28px) saturate(180%);
  --glass-shadow:0 8px 32px rgba(0,0,0,.45),
    inset 0 1px 0 rgba(255,255,255,.35),
    inset 0 -1px 0 rgba(255,255,255,.06);

  /* Form */
  --r-sm:14px; --r-md:22px; --r-lg:32px; --r-pill:999px;
  --font:'Inter',-apple-system,BlinkMacSystemFont,'SF Pro Display',system-ui,sans-serif;
}
body{
  margin:0;font-family:var(--font);color:var(--jv-text);
  background:
    radial-gradient(60% 50% at 15% 0%,rgba(139,92,246,.35),transparent 70%),
    radial-gradient(50% 45% at 90% 20%,rgba(34,211,238,.22),transparent 70%),
    var(--jv-bg);
}
.glass{
  background:var(--glass-bg);
  border:var(--glass-border);
  border-radius:var(--r-md);
  backdrop-filter:var(--glass-blur);
  -webkit-backdrop-filter:var(--glass-blur);
  box-shadow:var(--glass-shadow);
}
.btn{
  font:600 15px var(--font);color:#fff;border:0;cursor:pointer;
  padding:12px 22px;border-radius:var(--r-pill);
  background:var(--jv-grad);
  box-shadow:0 6px 24px rgba(139,92,246,.45),inset 0 1px 0 rgba(255,255,255,.5);
  transition:transform .2s cubic-bezier(.34,1.56,.64,1);
}
.btn:hover{transform:scale(1.05)}
.btn.ghost{background:var(--glass-bg);border:var(--glass-border);box-shadow:var(--glass-shadow)}
.poster{aspect-ratio:2/3;border-radius:var(--r-md);overflow:hidden;
  transition:transform .3s cubic-bezier(.34,1.56,.64,1)}
.poster:hover{transform:translateY(-6px) scale(1.03)}