.demo-playground[data-v-64690a79]{display:grid;gap:1.75rem;overflow:visible;position:relative}.demo-controls-wrapper[data-v-64690a79]{align-self:start;height:fit-content}@media (min-width: 1024px){.demo-playground[data-v-64690a79]{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);align-items:start}.demo-controls-wrapper[data-v-64690a79]{position:sticky;top:6rem;z-index:10;align-self:start}}.demo-controls[data-v-64690a79]{padding:1.75rem;border-radius:22px;border:1px solid hsla(var(--border),.6);backdrop-filter:saturate(160%) blur(16px);-webkit-backdrop-filter:saturate(160%) blur(16px);box-shadow:0 30px 70px -40px hsl(var(--primary) / .4);display:grid;gap:1.5rem}.demo-controls__fields[data-v-64690a79]{display:grid;gap:1.25rem}.demo-preview[data-v-64690a79]{display:grid;gap:.75rem;overflow:hidden}.demo-preview-frame[data-v-64690a79]{position:relative;border-radius:24px;border:1px dashed hsla(var(--border),.6);background:linear-gradient(135deg,hsla(var(--card),.8),hsla(var(--card),.6));box-shadow:inset 0 0 0 1px hsla(var(--primary),.06),0 25px 55px -35px hsl(var(--primary) / .35);overflow:hidden}.demo-preview-canvas[data-v-64690a79]{border-bottom-left-radius:18px;border-bottom-right-radius:18px;overflow:hidden;background:hsl(var(--background));max-width:100%;width:100%;pointer-events:none;isolation:isolate}.demo-preview-canvas[data-v-64690a79] .donation-page{width:100%!important;max-width:100%!important;margin:0 auto;box-shadow:none}.demo-preview-note[data-v-64690a79]{font-size:.75rem;color:hsl(var(--muted-foreground));text-align:center}*{border-color:hsl(var(--border))}body{background-color:hsl(var(--background));color:hsl(var(--foreground));-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:var(--gradient-subtle);background-attachment:fixed}.hero-surface{background:radial-gradient(circle at 15% 50%,rgba(22,163,74,.08),transparent 25%),radial-gradient(circle at 85% 30%,rgba(132,204,22,.08),transparent 25%)}.hero-text p{animation:hero-fade-up .8s ease-out both .15s}@media (prefers-reduced-motion: no-preference){.hero-text h1{animation:hero-float 8s ease-in-out infinite}}.section-appear{opacity:0;transform:translateY(18px);animation:section-fade-up .7s ease-out forwards paused}.section-appear.is-visible{animation-play-state:running}.section-appear>*{opacity:0;transform:translateY(12px);animation:section-child-fade-up .65s ease-out forwards paused}.section-appear.is-visible>*:nth-child(1){animation-play-state:running;animation-delay:.05s}.section-appear.is-visible>*:nth-child(2){animation-play-state:running;animation-delay:.12s}.section-appear.is-visible>*:nth-child(3){animation-play-state:running;animation-delay:.18s}.gradient-text{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.spotlight{background:radial-gradient(600px circle at var(0, 50%) var(0, 50%),hsl(var(--accent) / .18),transparent 40%);transition:background .15s ease}.bg-gradient-primary{background-image:var(--gradient-primary)}.marquee{position:relative;overflow:hidden}.marquee-track{display:inline-flex;gap:16px;white-space:nowrap;will-change:transform}.marquee:before,.marquee:after{content:"";position:absolute;top:0;bottom:0;width:80px;pointer-events:none}.marquee:before{left:0;background:linear-gradient(90deg,hsl(var(--card)) 0%,transparent 100%)}.marquee:after{right:0;background:linear-gradient(-90deg,hsl(var(--card)) 0%,transparent 100%)}.animate-scale-in{animation:scale-in .2s ease-out}@keyframes fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes scale-in{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}@keyframes hero-float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes hero-fade-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes section-fade-up{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes section-child-fade-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.modal-overlay{will-change:opacity;transform:translateZ(0);backface-visibility:hidden}.modal-card{will-change:transform,opacity;transform:translateZ(0);backface-visibility:hidden}