/* GPLGuide HOME 2: closing banner. Floating gradient + hover lift matching the benefit cards. */
.gplguide-home2 .closing{position:relative;overflow:hidden;isolation:isolate;background-image:none;transition:transform .3s,box-shadow .3s,border-color .3s}
/* Main warm glow: same shape as the original static gradient, on an oversized layer so it can drift without showing edges. */
.gplguide-home2 .closing::before,.gplguide-home2 .closing::after{content:"";position:absolute;z-index:-1;pointer-events:none;will-change:transform}
.gplguide-home2 .closing::before{top:-25%;left:-25%;right:-25%;bottom:-100%;background:radial-gradient(ellipse 47% 88% at 50% 73%,var(--accent),transparent 75%);animation:closing-float 16s ease-in-out infinite}
/* Soft secondary highlight drifting the other way for depth. */
.gplguide-home2 .closing::after{inset:-30%;background:radial-gradient(ellipse 28% 34% at 30% 62%,#ffb08f80,transparent 70%),radial-gradient(ellipse 24% 30% at 72% 58%,#ff8a5c4d,transparent 70%);animation:closing-drift 22s ease-in-out infinite}
@keyframes closing-float{
0%,100%{transform:translate3d(0,0,0) scale(1)}
25%{transform:translate3d(-6%,-3%,0) scale(1.05)}
50%{transform:translate3d(2%,-6%,0) scale(1.1)}
75%{transform:translate3d(6%,-2%,0) scale(1.04)}
}
@keyframes closing-drift{
0%,100%{transform:translate3d(0,0,0) rotate(0deg)}
33%{transform:translate3d(8%,-4%,0) rotate(6deg)}
66%{transform:translate3d(-7%,3%,0) rotate(-5deg)}
}
@media(hover:hover){
.gplguide-home2 .closing:hover{transform:translateY(-5px);border-color:#ffc2aa;box-shadow:0 22px 44px #a94a2116}
}
@media(prefers-reduced-motion:reduce){.gplguide-home2 .closing{transition:none}.gplguide-home2 .closing:hover{transform:none}.gplguide-home2 .closing::before,.gplguide-home2 .closing::after{animation:none}}