.demo-glass{--background:oklch(18% .03 270);--foreground:oklch(97% .008 150);--card:oklch(22% .04 265/.72);--card-foreground:oklch(97% .008 150);--popover:oklch(22% .04 265/.86);--popover-foreground:oklch(97% .008 150);--primary:oklch(72% .18 145);--primary-foreground:oklch(18% .04 160);--secondary:oklch(28% .04 260/.72);--secondary-foreground:oklch(96% .01 150);--muted:oklch(26% .03 260/.72);--muted-foreground:oklch(72% .02 158);--accent:oklch(67% .18 285/.72);--accent-foreground:oklch(93% .14 158);--destructive:oklch(62% .21 22);--destructive-foreground:oklch(98% .01 90);--border:oklch(32% .03 260/.45);--input:oklch(30% .03 260/.55);--ring:oklch(72% .18 145);--font-display:"Bebas Neue", "Arial Narrow", system-ui, sans-serif;--font-body:"Barlow", system-ui, sans-serif;--glow-accent:0 0 0 1px oklch(72% .18 145/.35), 0 18px 60px -18px oklch(72% .18 145/.55);--glow-purple:0 0 0 1px oklch(67% .18 285/.35), 0 18px 60px -18px oklch(67% .18 285/.55);--gradient-stage:radial-gradient(140% 100% at 12% 0%, oklch(67% .18 285/.55) 0%, transparent 55%), radial-gradient(120% 90% at 92% 8%, oklch(72% .18 145/.35) 0%, transparent 60%), radial-gradient(100% 80% at 50% 100%, oklch(50% .12 250/.35) 0%, transparent 55%);background-color:var(--background);color:var(--foreground);font-family:var(--font-body);-webkit-font-smoothing:antialiased}.demo-glass h1,.demo-glass h2,.demo-glass h3,.demo-glass .font-display{font-family:var(--font-display);letter-spacing:-.01em}.demo-glass .glass{-webkit-backdrop-filter:blur(18px)saturate(140%);backdrop-filter:blur(18px)saturate(140%);background:linear-gradient(135deg,oklch(28% .04 265/.55),oklch(22% .04 265/.35));border:1px solid oklch(45% .05 265/.35)}.demo-glass .purple-glow{box-shadow:var(--glow-purple)}.demo-glass .text-glow{text-shadow:0 0 24px oklch(72% .18 145/.55)}.demo-glass .text-glow-purple{text-shadow:0 0 24px oklch(67% .18 285/.55)}.demo-glass .badge-glow{box-shadow:0 0 14px 3px oklch(72% .18 145/.55),inset 0 0 10px 2px oklch(72% .18 145/.4)}.demo-glass .badge-glow-purple{box-shadow:0 0 14px 3px oklch(67% .18 285/.55),inset 0 0 10px 2px oklch(67% .18 285/.4)}.demo-glass .pulse{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}@keyframes demo-step-pulse{0%,to{border-color:var(--color-primary);box-shadow:0 0 oklch(72% .18 145/.5)}50%{border-color:oklch(72% .18 145/.6);box-shadow:0 0 22px 4px oklch(72% .18 145/.35)}}.demo-glass .step-active{animation:1.8s ease-in-out infinite demo-step-pulse}@keyframes rubik-spin{0%{transform:rotateX(0)rotateY(0)}to{transform:rotateX(360deg)rotateY(360deg)}}.demo-glass .rubik-spin{animation:26s linear infinite rubik-spin}