.vg-page-hero--support,.vg-page-hero--faq,.vg-page-hero--contact,.vg-page-hero--ranking,.vg-page-hero--guide{background-size:200% 200%!important;animation:vg-gradient-shift 8s ease infinite!important}
.vg-section-divider{display:block;width:100%;height:1px;background:linear-gradient(90deg,transparent,var(--c1s,#b2dfdb),transparent);margin:40px 0;position:relative}
.vg-section-divider::after{content:'';position:absolute;left:50%;top:-3px;transform:translateX(-50%);width:40px;height:7px;background:var(--c1,#00897b);border-radius:4px}
.vg-animate-in{animation:vg-fade-in-up 0.6s ease forwards;opacity:0}
.vg-btn-primary{position:relative;overflow:hidden;z-index:1}
.vg-btn-primary::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.2),transparent);transition:left 0.5s ease;z-index:-1}
.vg-btn-primary:hover::before{left:100%}
.vg-fp-hero{animation:vg-breathe 5s ease-in-out infinite}
.vg-fp-hero__cta{position:relative;overflow:hidden}
.vg-fp-hero__cta::after{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.25),transparent);transition:left 0.6s ease}
.vg-fp-hero__cta:hover::after{left:100%}
.vg-game-card{position:relative;overflow:hidden}
.vg-game-card::after{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--c1),var(--c1s));transform:scaleX(0);transform-origin:left;transition:transform 0.4s cubic-bezier(0.4,0,0.2,1);z-index:3}
.vg-game-card:hover::after{transform:scaleX(1)}
.vg-footer__social-link{position:relative;overflow:visible}
.vg-footer__social-link:hover{box-shadow:0 0 16px rgba(0,137,123,0.3)}
.vg-fp-bubble{transition:all 0.3s cubic-bezier(0.34,1.56,0.64,1)}
.vg-fp-bubble:hover{animation:vg-soft-bounce 0.4s ease}
.vg-fp-more{position:relative;overflow:hidden}
.vg-fp-more::after{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.2),transparent);transition:left 0.5s ease}
.vg-fp-more:hover::after{left:100%}
.vg-stat-card{position:relative}
.vg-stat-card::after{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--c1),var(--c1s),var(--c1));transform:scaleX(0);transform-origin:left;transition:transform 0.35s ease}
.vg-stat-card:hover::after{transform:scaleX(1)}
.vg-soft-drawer__ref{position:relative;overflow:hidden}
.vg-soft-drawer__ref::before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--c1);border-radius:0 3px 3px 0;transform:scaleY(0);transition:transform 0.2s ease}
.vg-soft-drawer__ref:hover::before{transform:scaleY(1)}

@keyframes vg-elastic-hover{0%{transform:translateY(0) rotate(0deg)}30%{transform:translateY(-6px) rotate(-0.5deg)}50%{transform:translateY(-3px) rotate(0.3deg)}70%{transform:translateY(-5px) rotate(-0.2deg)}100%{transform:translateY(-4px) rotate(0deg)}}
@keyframes vg-bubble-bounce{0%{transform:scale(1)}30%{transform:scale(1.08)}50%{transform:scale(1.03)}70%{transform:scale(1.06)}100%{transform:scale(1.08)}}
@keyframes vg-heart-pulse{0%,100%{transform:scale(1)}25%{transform:scale(1.3)}50%{transform:scale(1)}75%{transform:scale(1.2)}}
@keyframes vg-search-breath{0%,100%{border-color:var(--c1,#00897b)}25%{border-color:#4db6ac}50%{border-color:#80cbc4}75%{border-color:#4db6ac}}

.vg-fp-collections__card{transition:all 0.4s cubic-bezier(0.34,1.56,0.64,1)}
.vg-fp-collections__card:hover{animation:vg-elastic-hover 0.5s ease forwards;box-shadow:0 8px 24px rgba(0,137,123,0.12)}

.vg-fp-bubble{transition:all 0.3s cubic-bezier(0.34,1.56,0.64,1)}
.vg-fp-bubble:hover{animation:vg-bubble-bounce 0.4s ease forwards;box-shadow:0 4px 16px rgba(0,137,123,0.15)}

.vg-card__meta{transition:all 0.3s ease}
.vg-card__meta:hover .vg-card__heart{display:inline-block;animation:vg-heart-pulse 0.8s ease infinite;font-size:1.2em}

.vg-faq-page__item{transition:all 0.35s cubic-bezier(0.4,0,0.2,1)}
.vg-faq-page__item.open{background:rgba(0,137,123,0.04);border-radius:12px;box-shadow:0 2px 12px rgba(0,137,123,0.08)}

.vg-soft-search-pill{transition:all 0.3s ease;border:2px solid transparent;border-radius:50px}
.vg-soft-search-pill:focus{animation:vg-search-breath 4s ease infinite;outline:none;box-shadow:0 0 0 4px rgba(0,137,123,0.1)}
