/* Auto-generated by BackgroundModel – do not edit manually */

@keyframes bgShift{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}
@keyframes bgPulse{0%,100%{opacity:1}50%{opacity:.85}}
@keyframes bgHue{0%{filter:hue-rotate(0deg)}100%{filter:hue-rotate(360deg)}}
@keyframes bgBlobDrift{0%{transform:translate3d(-8%,-6%,0) scale(1)}33%{transform:translate3d(10%,8%,0) scale(1.08)}66%{transform:translate3d(-4%,12%,0) scale(.94)}100%{transform:translate3d(-8%,-6%,0) scale(1)}}
@keyframes bgBlobDriftAlt{0%{transform:translate3d(12%,10%,0) scale(1.06)}50%{transform:translate3d(-10%,-8%,0) scale(.92)}100%{transform:translate3d(12%,10%,0) scale(1.06)}}
@keyframes bgRibbonFlow{0%{transform:translate3d(-4%,0,0) scale(1.02)}50%{transform:translate3d(4%,-3%,0) scale(1.08)}100%{transform:translate3d(-4%,0,0) scale(1.02)}}
@keyframes bgRibbonTilt{0%{transform:rotate(0deg) translate3d(0,0,0)}50%{transform:rotate(2deg) translate3d(2%,-2%,0)}100%{transform:rotate(0deg) translate3d(0,0,0)}}

.page-animated-bg{position:relative;overflow:hidden;isolation:isolate}
.page-animated-bg>*{position:relative;z-index:1}
.page-animated-bg::before,.page-animated-bg::after{content:'';position:absolute;inset:0;pointer-events:none;z-index:0}

/* Aurora */
.animated-bg-aurora{background:linear-gradient(135deg,#0f0c29 0%,#302b63 25%,#24243e 50%,#0f2027 75%,#203a43 100%);background-size:400% 400%;animation:bgShift 8s ease infinite}

/* Gradient Shift */
.animated-bg-gradient-shift{background:linear-gradient(135deg,#f97316,#8b5cf6,#06b6d4,#10b981);background-size:400% 400%;animation:bgShift 5s ease infinite}

/* Holographic */
.animated-bg-holographic{background:linear-gradient(135deg,#a78bfa,#60a5fa,#34d399,#fbbf24,#f472b6);background-size:400% 400%;animation:bgShift 6s ease infinite}

/* Midnight */
.animated-bg-midnight{background:linear-gradient(135deg,#0f172a 0%,#1e1b4b 50%,#020617 100%);animation:bgPulse 4s ease-in-out infinite}

/* Forest */
.animated-bg-forest{background:linear-gradient(180deg,#052e16 0%,#166534 35%,#16a34a 70%,#052e16 100%);background-size:100% 300%;animation:bgShift 7s ease infinite}

/* Sunset Wave */
.animated-bg-sunset-wave{background:linear-gradient(135deg,#fde68a,#fb923c,#dc2626,#9333ea);background-size:400% 400%;animation:bgShift 5s ease infinite}

/* Ocean */
.animated-bg-ocean{background:linear-gradient(135deg,#000428,#004e92,#00b4d8,#48cae4);background-size:400% 400%;animation:bgShift 8s ease infinite}

/* Candy */
.animated-bg-candy{background:linear-gradient(135deg,#f6d365,#fda085,#f093fb,#f5576c,#4facfe);background-size:400% 400%;animation:bgShift 6s ease infinite}

/* Neon */
.animated-bg-neon{background:linear-gradient(135deg,#12002a,#00d4ff,#7b00ff,#00ffcc,#ff00c8);background-size:400% 400%;animation:bgShift 7s ease infinite}

/* Ember */
.animated-bg-ember{background:linear-gradient(135deg,#1a0000,#7b1d00,#ff4500,#ffb347,#ff6900);background-size:400% 400%;animation:bgShift 6s ease infinite}

/* Orbit Blob */
.animated-bg-orbit-blob{position:relative;overflow:hidden;isolation:isolate;background:radial-gradient(circle at 18% 20%,rgba(249,115,22,.32),transparent 28%),radial-gradient(circle at 82% 22%,rgba(56,189,248,.22),transparent 24%),linear-gradient(135deg,#0f172a 0%,#172554 34%,#0f766e 100%)}
.animated-bg-orbit-blob::before,.animated-bg-orbit-blob::after{content:'';position:absolute;pointer-events:none}
.animated-bg-orbit-blob::before{inset:-16%;background:radial-gradient(44% 40% at 28% 30%,rgba(251,191,36,.85) 0%,rgba(249,115,22,.42) 56%,transparent 72%),radial-gradient(42% 38% at 72% 34%,rgba(34,211,238,.68) 0%,rgba(14,165,233,.24) 58%,transparent 76%),radial-gradient(34% 34% at 56% 76%,rgba(45,212,191,.5) 0%,rgba(15,118,110,.08) 62%,transparent 78%);filter:blur(16px);animation:bgBlobDrift 14s ease-in-out infinite}
.animated-bg-orbit-blob::after{inset:-12%;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 400' preserveAspectRatio='none'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0%25' y1='0%25' x2='100%25' y2='100%25'%3E%3Cstop offset='0%25' stop-color='%23ffffff' stop-opacity='.26'/%3E%3Cstop offset='100%25' stop-color='%23a5f3fc' stop-opacity='.08'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath fill='url(%23g)' d='M86.4,-44.4C104.8,-6.3,106.6,36.3,87.8,67.4C69,98.5,29.5,118.2,-13.8,123.8C-57.1,129.3,-114.3,120.6,-139.7,86.1C-165.1,51.6,-158.7,-8.7,-132.5,-50.3C-106.3,-91.9,-60.3,-114.9,-18.4,-106.7C23.4,-98.5,46.8,-59.1,86.4,-44.4Z' transform='translate(210 205)'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:cover;mix-blend-mode:screen;opacity:.78;animation:bgBlobDriftAlt 18s ease-in-out infinite}

/* Silk Ribbon */
.animated-bg-silk-ribbon{position:relative;overflow:hidden;isolation:isolate;background:radial-gradient(circle at top,rgba(255,255,255,.18),transparent 32%),linear-gradient(160deg,#06141f 0%,#0f2a38 42%,#0f766e 100%)}
.animated-bg-silk-ribbon::before,.animated-bg-silk-ribbon::after{content:'';position:absolute;pointer-events:none}
.animated-bg-silk-ribbon::before{inset:-18%;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 800 400' preserveAspectRatio='none'%3E%3Cdefs%3E%3ClinearGradient id='r' x1='0%25' y1='0%25' x2='100%25' y2='0%25'%3E%3Cstop offset='0%25' stop-color='%2306b6d4' stop-opacity='.0'/%3E%3Cstop offset='24%25' stop-color='%2367e8f9' stop-opacity='.55'/%3E%3Cstop offset='52%25' stop-color='%23f8fafc' stop-opacity='.72'/%3E%3Cstop offset='77%25' stop-color='%232dd4bf' stop-opacity='.42'/%3E%3Cstop offset='100%25' stop-color='%2306b6d4' stop-opacity='.0'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg stroke='url(%23r)' stroke-width='22' stroke-linecap='round' fill='none'%3E%3Cpath d='M-40 64 C130 8 250 144 408 94 S678 20 850 84'/%3E%3Cpath d='M-20 196 C138 138 278 258 422 208 S670 132 840 212' opacity='.78'/%3E%3Cpath d='M-40 316 C128 248 286 374 438 326 S694 256 854 336' opacity='.56'/%3E%3C/g%3E%3C/svg%3E");background-repeat:no-repeat;background-size:cover;background-position:center;opacity:.92;animation:bgRibbonFlow 12s ease-in-out infinite}
.animated-bg-silk-ribbon::after{inset:-10%;background:linear-gradient(115deg,transparent 24%,rgba(255,255,255,.16) 40%,transparent 58%),linear-gradient(180deg,rgba(255,255,255,.08),transparent 46%,rgba(15,23,42,.18));mix-blend-mode:screen;opacity:.78;animation:bgRibbonTilt 10s ease-in-out infinite}