.background-animation-select{display:none!important}
.background-animation-picker-trigger{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:36px;padding:8px 12px;border:1px solid #b9d8e9;border-radius:7px;background:#f2f9fc;color:#174563;font:inherit;font-size:12px;font-weight:600;cursor:pointer}
.background-animation-picker-trigger:hover{border-color:#72b9db;background:#e7f5fb}
.background-animation-picker-trigger::before{content:"✦";color:#0875d1;font-size:15px}
.background-animation-dialog{width:min(920px,calc(100vw - 28px));max-width:none;max-height:min(88vh,860px);padding:0;border:1px solid #dbe7ee;border-radius:18px;background:#f7fafc;color:#183149;box-shadow:0 28px 90px rgba(10,34,54,.32);overflow:auto}
.background-animation-dialog::backdrop{background:rgba(12,29,43,.62);backdrop-filter:blur(5px)}
.background-animation-dialog-header{position:sticky;z-index:2;top:0;display:flex;align-items:center;justify-content:space-between;padding:22px 24px 14px;background:rgba(247,250,252,.96);border-bottom:1px solid #e5edf2}
.background-animation-dialog-header h2{margin:4px 0 0;font-size:23px;line-height:1.2}
.background-animation-eyebrow{color:#0875d1;font-size:10px;font-weight:750;letter-spacing:.16em}
.background-animation-close{display:grid;place-items:center;width:36px;height:36px;border:0;border-radius:50%;background:#e9f0f4;color:#38556b;font-size:25px;line-height:1;cursor:pointer}
.background-animation-intro{margin:0;padding:14px 24px 18px;color:#5c7080;font-size:13px}
.background-animation-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:0 24px 24px}
.background-animation-option{min-width:0;padding:0 0 13px;border:1px solid #dce7ed;border-radius:12px;background:#fff;color:#183149;text-align:left;overflow:hidden;cursor:pointer;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.background-animation-option:hover,.background-animation-option:focus-visible,.background-animation-option[aria-pressed="true"]{transform:translateY(-2px);border-color:#65acd0;box-shadow:0 8px 24px rgba(16,56,93,.12);outline:none}
.background-animation-option strong,.background-animation-description{display:block;margin-right:13px;margin-left:13px}
.background-animation-option strong{margin-top:11px;font-size:13px}
.background-animation-description{margin-top:4px;color:#65798a;font-size:11px;line-height:1.4}
.animation-preview{position:relative;display:block;height:112px;overflow:hidden;background:#e9f3f7;isolation:isolate}
.animation-preview-surface{position:absolute;inset:0;overflow:hidden;background:linear-gradient(130deg,#e8f7f6,#e2edf9);transition:transform .25s ease-out}
.animation-preview[data-preview-animation="none"] .animation-preview-surface{background:linear-gradient(135deg,#f4f7fa,#e7edf1)}
.animation-preview[data-preview-animation="aurora"] .animation-preview-surface,.animation-preview[data-preview-animation="sparkle"] .animation-preview-surface{background-image:radial-gradient(ellipse at 18% 22%,rgba(8,117,209,.4),transparent 42%),radial-gradient(ellipse at 82% 78%,rgba(20,125,120,.38),transparent 44%),radial-gradient(ellipse at 55% 35%,rgba(161,140,209,.28),transparent 48%)}
.animation-preview[data-preview-animation="modern-waves"] .animation-preview-surface{background:linear-gradient(160deg,#aee7e5,#9bbfe8 55%,#d4c1ee)}
.animation-preview[data-preview-animation="modern-waves"] .animation-preview-surface::before,.animation-preview[data-preview-animation="modern-waves"] .animation-preview-surface::after{content:"";position:absolute;inset:42% -20% -38%;border-radius:48% 52% 0 0;background:rgba(255,255,255,.43);animation:preview-wave 7s ease-in-out infinite alternate}
.animation-preview[data-preview-animation="modern-waves"] .animation-preview-surface::after{inset:52% -20% -48%;background:rgba(255,255,255,.27);animation-delay:-3s}
.animation-preview[data-preview-animation="sparkle"] .animation-preview-surface{background-color:#edf7f9;background-image:linear-gradient(135deg,#d7eff0,#d8e5f7)}
.animation-preview[data-preview-animation="hover-me"] .animation-preview-surface{background:radial-gradient(ellipse at 20% 30%,rgba(9,92,120,.72),transparent 45%),linear-gradient(130deg,#193747,#4d8791 50%,#d7e9db);transform:translate3d(var(--background-hover-x,0),var(--background-hover-y,0),0) scale(1.12)}
.animation-preview[data-preview-animation="fireflies"] .animation-preview-surface{background:radial-gradient(ellipse at 50% 32%,#274b4b,#071522 76%)}
.animation-preview[data-preview-animation="water-ripple"] .animation-preview-surface{background:radial-gradient(ellipse at 50% 35%,#b7e9e5,#5295a9 52%,#173954)}
.animation-preview[data-preview-animation="glass-orbs"] .animation-preview-surface{background:linear-gradient(135deg,#d9eef5,#ccd8ef 55%,#e4d9f1)}
.animation-preview[data-preview-animation="gradient-flow"] .animation-preview-surface{background:linear-gradient(120deg,#b8ece4,#c5d7f6,#e6c9eb,#f0ddc5);background-size:220% 220%;animation:preview-flow 9s ease-in-out infinite alternate}
.animation-preview[data-preview-animation="breathing-glow"] .animation-preview-surface{background:radial-gradient(ellipse at center,#d2f5f0,#d8e5f5 70%);animation:preview-breathe 4s ease-in-out infinite alternate}
.animation-preview .background-fireflies,.animation-preview .background-glass-orbs{position:absolute;inset:0}
.animation-preview .background-firefly{position:absolute;left:var(--firefly-x);top:var(--firefly-y);width:5px;height:5px;border-radius:50%;background:#d9ff9b;box-shadow:0 0 8px 3px rgba(205,255,128,.8);animation:firefly-float 5s ease-in-out var(--firefly-delay) infinite alternate}
.background-sparkles{position:absolute;inset:0}
.background-sparkle{position:absolute;left:var(--sparkle-x);top:var(--sparkle-y);width:4px;height:4px;border-radius:50%;background:#fff;box-shadow:0 0 8px 2px rgba(70,157,202,.95);animation:sparkle-float 4.8s ease-in-out var(--sparkle-delay) infinite alternate}
.background-glass-orbs{position:absolute;inset:0}
.background-glass-orb{position:absolute;display:block;width:36px;height:36px;border:1px solid rgba(255,255,255,.78);border-radius:50%;background:radial-gradient(circle at 30% 25%,rgba(255,255,255,.82),rgba(137,203,232,.17) 52%,rgba(112,126,204,.2));box-shadow:inset -5px -7px 15px rgba(76,112,174,.15),0 5px 16px rgba(48,79,129,.15);backdrop-filter:blur(2px);animation:orb-float 7s ease-in-out infinite alternate}
.background-glass-orb-1{left:12%;top:30%;width:42px;height:42px}
.background-glass-orb-2{left:43%;top:16%;width:27px;height:27px;animation-delay:-2s}
.background-glass-orb-3{right:16%;top:35%;width:50px;height:50px;animation-delay:-4s}
.background-glass-orb-4{left:62%;bottom:8%;width:22px;height:22px;animation-delay:-1s}
.background-ripple,.animation-preview-ring{position:absolute;z-index:2;width:16px;height:16px;margin:-8px;border:1px solid rgba(255,255,255,.82);border-radius:50%;pointer-events:none;animation:water-ripple 1.5s ease-out forwards}
.background-ripple::after,.animation-preview-ring::after{content:"";position:absolute;inset:5px;border:1px solid rgba(255,255,255,.6);border-radius:50%}
.animation-preview-ring{left:55%;top:48%;animation:water-ripple 2.5s ease-out infinite}
.site-background-animation{position:absolute;z-index:1;inset:0;overflow:hidden;pointer-events:none}
.site-content{position:relative;isolation:isolate}
.site-content>#content-sections{position:relative}
.container-background-animation,.block-background-animation{position:absolute;display:block;inset:0;overflow:hidden;border-radius:inherit;pointer-events:none;opacity:.52;background-repeat:no-repeat;background-position:0 0;animation-duration:26s;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-direction:alternate}
.container-background-animation{z-index:1;background-size:180% 180%;transition:transform .25s ease-out;transform:translate3d(var(--background-hover-x,0),var(--background-hover-y,0),0)}
.block-background-animation{z-index:0;background-size:180% 180%;transition:transform .25s ease-out;transform:translate3d(var(--background-hover-x,0),var(--background-hover-y,0),0)}
.container-background{transform:translate3d(var(--background-hover-x,0),calc(var(--parallax-offset,0px) + var(--background-hover-y,0)),0) scale(var(--background-zoom,1))}
.site-content>.site-background-animation{background-image:var(--site-background-animation-image,none);background-size:180% 180%;background-position:0 0;opacity:var(--site-background-animation-opacity,0);animation:background-aurora 32s ease-in-out infinite alternate}
.site-content[data-background-animation="hover-me"]>.site-background-animation{transform:translate3d(var(--background-hover-x,0),var(--background-hover-y,0),0) scale(1.04);transition:transform .25s ease-out}
[data-background-animation="aurora"]>.background-animation-layer{background-image:radial-gradient(ellipse at 15% 20%,rgba(8,117,209,.2),transparent 46%),radial-gradient(ellipse at 85% 75%,rgba(20,125,120,.19),transparent 48%),radial-gradient(ellipse at 50% 50%,rgba(161,140,209,.14),transparent 45%);background-size:180% 180%;animation:background-aurora 26s ease-in-out infinite alternate}
[data-background-animation="aurora"]>.background-animation-layer{opacity:.42}
[data-background-animation="modern-waves"]>.background-animation-layer{background:linear-gradient(155deg,rgba(90,194,201,.06),rgba(99,145,219,.12));overflow:hidden}
[data-background-animation="modern-waves"]>.background-animation-layer::before,[data-background-animation="modern-waves"]>.background-animation-layer::after{content:"";position:absolute;inset:48% -20% -30%;border-radius:48% 52% 0 0;background:rgba(115,211,214,.22);animation:preview-wave 9s ease-in-out infinite alternate}
[data-background-animation="modern-waves"]>.background-animation-layer::after{inset:58% -20% -40%;background:rgba(113,152,229,.18);animation-delay:-4s}
[data-background-animation="sparkle"]>.background-animation-layer{background-image:radial-gradient(ellipse at center,rgba(100,190,222,.12),transparent 65%)}
[data-background-animation="hover-me"]>.background-animation-layer{background:radial-gradient(ellipse at 20% 30%,rgba(9,92,120,.48),transparent 45%),linear-gradient(130deg,rgba(25,55,71,.16),rgba(77,135,145,.2),rgba(215,233,219,.16));transition:transform .25s ease-out}
[data-background-animation="fireflies"]>.background-animation-layer{background:radial-gradient(ellipse at 50% 32%,rgba(39,75,75,.2),transparent 70%)}
[data-background-animation="water-ripple"]>.background-animation-layer{background:radial-gradient(ellipse at center,rgba(141,218,227,.2),rgba(34,114,148,.12) 45%,rgba(12,50,78,.14));overflow:hidden}
[data-background-animation="glass-orbs"]>.background-animation-layer{background:radial-gradient(ellipse at 50% 50%,rgba(153,200,240,.08),transparent 70%)}
[data-background-animation="gradient-flow"]>.background-animation-layer{background:linear-gradient(120deg,rgba(184,236,228,.42),rgba(197,215,246,.46),rgba(230,201,235,.42),rgba(240,221,197,.4));background-size:220% 220%;animation:preview-flow 15s ease-in-out infinite alternate}
[data-background-animation="breathing-glow"]>.background-animation-layer{background:radial-gradient(ellipse at center,rgba(100,190,222,.26),transparent 58%);animation:preview-breathe 5s ease-in-out infinite alternate}
[data-background-animation="fireflies"] .background-fireflies,[data-background-animation="glass-orbs"] .background-glass-orbs{position:absolute;inset:0}
[data-background-animation="fireflies"] .background-firefly{position:absolute;left:var(--firefly-x);top:var(--firefly-y);width:5px;height:5px;border-radius:50%;background:#d9ff9b;box-shadow:0 0 8px 3px rgba(205,255,128,.8);animation:firefly-float 5s ease-in-out var(--firefly-delay) infinite alternate}
@keyframes background-aurora{from{background-position:0% 0%}to{background-position:100% 100%}}
@keyframes sparkle-float{from{transform:translate3d(-4px,4px,0) scale(.65);opacity:.28}to{transform:translate3d(6px,-7px,0) scale(1.2);opacity:1}}
@keyframes preview-wave{from{transform:translateX(-3%) rotate(-2deg)}to{transform:translateX(4%) rotate(2deg)}}
@keyframes preview-flow{from{background-position:0% 30%}to{background-position:100% 70%}}
@keyframes preview-breathe{from{opacity:.55;transform:scale(.92)}to{opacity:1;transform:scale(1.08)}}
@keyframes firefly-float{from{transform:translate3d(-8px,6px,0);opacity:.25}to{transform:translate3d(12px,-12px,0);opacity:1}}
@keyframes orb-float{from{transform:translate3d(-8px,8px,0)}to{transform:translate3d(12px,-10px,0)}}
@keyframes water-ripple{from{width:16px;height:16px;opacity:.85}to{width:180px;height:180px;opacity:0}}
@media(max-width:680px){.background-animation-grid{grid-template-columns:repeat(2,minmax(0,1fr));padding-right:14px;padding-left:14px;gap:10px}.background-animation-dialog-header{padding-right:16px;padding-left:16px}.background-animation-intro{padding-right:16px;padding-left:16px}.animation-preview{height:92px}}
@media(prefers-reduced-motion:reduce){.background-animation-dialog *,[data-background-animation]>.background-animation-layer,.site-content>.site-background-animation,.background-firefly,.background-sparkle,.background-glass-orb{animation:none!important;scroll-behavior:auto!important}.background-animation-option,.animation-preview-surface{transition:none!important}}
