@keyframes demo-shimmer-slide{to{transform:translate(calc(100cqw - 100%))}}@keyframes demo-spin-around{0%{transform:translateZ(0)rotate(0)}15%,35%{transform:translateZ(0)rotate(90deg)}65%,85%{transform:translateZ(0)rotate(270deg)}to{transform:translateZ(0)rotate(360deg)}}.animate-shimmer-slide{animation:demo-shimmer-slide var(--speed,3s) ease-in-out infinite alternate}.animate-spin-around{animation:demo-spin-around calc(var(--speed,3s) * 2) infinite linear}.demo-root{background:radial-gradient(900px at 8% 8%,#f973161c,#0000 52%),radial-gradient(800px at 92% 70%,#0d94881c,#0000 55%),#f1f5f9}.demo-header{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0f172af5;border-bottom:1px solid #ffffff14;box-shadow:0 12px 32px #0f172a29}.demo-progress{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffe6;border-bottom:1px solid #e2e8f0e6;box-shadow:0 8px 28px #0f172a0d}.demo-stage,.demo-intro{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffe8;border:1px solid #fffffff2;box-shadow:0 28px 80px -42px #0f172a6b}.demo-stage{border-radius:1.75rem}.demo-intro{align-items:center;min-height:min(720px,100vh - 118px);display:flex}.demo-root .card{border-color:#e2e8f0;box-shadow:0 8px 26px -20px #0f172a47}.demo-root .card:hover{border-color:#cbd5e1;box-shadow:0 14px 32px -22px #0f172a52}@media (max-width:639px){.demo-stage{border-radius:1.35rem}.demo-intro{border-radius:1.35rem;min-height:auto}}.demo-root button,.demo-root a{scroll-margin-top:6rem;scroll-margin-bottom:11rem}
