.banner-wrapper{--grad:linear-gradient(315deg,#0f2027,#203a43 50%,#2c5364);position:relative;border-radius:12px;max-width:95%;margin:16px auto}.banner-wrapper:before{content:"";position:absolute;inset:-10px;filter:blur(18px);z-index:0;pointer-events:none}.animated-background,.banner-wrapper:before{background:var(--grad);background-size:400% 400%;animation:gradient 15s ease infinite;border-radius:inherit}.animated-background{position:relative;z-index:1;width:100%;min-height:350px;padding:8px 8px 90px;overflow:hidden;display:flex;align-items:center;justify-content:center;box-sizing:border-box}@keyframes gradient{0%{background-position:0 0}50%{background-position:100% 100%}to{background-position:0 0}}.wave{background:rgb(255 255 255/25%);border-radius:1000% 1000% 0 0;position:absolute;width:200%;height:8em;animation:wave 10s linear -3s infinite;transform:translateZ(0);opacity:.8;bottom:0;left:0;z-index:-1}.wave:nth-of-type(2){bottom:-1.25em;animation:wave 18s linear infinite reverse;opacity:.8}.wave:nth-of-type(3){bottom:-2.5em;animation:wave 20s -1s infinite reverse;opacity:.9}@keyframes wave{2%{transform:translateX(1)}25%{transform:translateX(-25%)}50%{transform:translateX(-50%)}75%{transform:translateX(-25%)}to{transform:translateX(1)}}.banner-fade{position:relative}.banner-fade:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:140px;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,0) 0,#f5f7fa 92%)}