/* Creator Growth — premium motion layer, 2026-09-29 */
:root{--cg-motion-ease:cubic-bezier(.22,1,.36,1);--cg-motion-fast:180ms;--cg-motion-med:420ms}
.cg-app{position:relative;isolation:isolate;overflow-x:hidden}
.cg-app:before{content:"";position:fixed;z-index:-1;top:72px;right:-180px;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(124,92,246,.10),rgba(124,92,246,0) 68%);pointer-events:none;animation:cgFloat 12s ease-in-out infinite}
.cg-app:after{content:"";position:fixed;z-index:-1;left:-220px;bottom:-180px;width:440px;height:440px;border-radius:50%;background:radial-gradient(circle,rgba(45,212,191,.07),rgba(45,212,191,0) 68%);pointer-events:none;animation:cgFloatReverse 15s ease-in-out infinite}
.cg-app .cg-topbar{transition:box-shadow .25s var(--cg-motion-ease),background .25s ease}
.cg-app .cg-brand-mark{animation:cgBrandPulse 5s ease-in-out infinite}
.cg-app .cg-wallet-pill{transition:transform var(--cg-motion-fast) var(--cg-motion-ease),box-shadow var(--cg-motion-fast) ease}
.cg-app .cg-wallet-pill:hover{transform:translateY(-1px);box-shadow:0 8px 20px rgba(98,70,229,.12)}
.cg-app .cg-avatar{transition:transform var(--cg-motion-fast) var(--cg-motion-ease),box-shadow var(--cg-motion-fast) ease}
.cg-app .cg-avatar:hover{transform:translateY(-2px) rotate(-2deg);box-shadow:0 9px 20px rgba(16,24,40,.16)}
.cg-app .wrapper-content__body>.container-fluid,.cg-app .wrapper-content__body>.container,.cg-app .wrapper-content__body>.cg-orders,.cg-app .wrapper-content__body>.creator-wallet-page,.cg-app .wrapper-content__body>.catalog{animation:cgPageIn .55s var(--cg-motion-ease) both}
/* Generic premium cards across account, wallet, services and legacy-compatible pages */
.cg-app .component_card,.cg-app .well,.cg-app .panel,.cg-app .catalog-card,.cg-app .wallet-card,.cg-app .cg-order,.cg-app .component_card .card,.cg-app .ticket-form .card{transition:transform var(--cg-motion-med) var(--cg-motion-ease),box-shadow var(--cg-motion-med) ease,border-color var(--cg-motion-fast) ease}
.cg-app .well:hover,.cg-app .panel:hover,.cg-app .catalog-card:hover,.cg-app .wallet-card:hover,.cg-app .cg-order:hover,.cg-app .component_card .card:hover{transform:translateY(-3px);box-shadow:0 18px 42px rgba(16,24,40,.08)!important;border-color:rgba(98,70,229,.15)}
.cg-app .btn,.cg-app button,.cg-app .cg-tool,.cg-app .cg-refresh,.cg-app .wallet-primary-btn,.cg-app .catalog-cta{transition:transform var(--cg-motion-fast) var(--cg-motion-ease),box-shadow var(--cg-motion-fast) ease,filter var(--cg-motion-fast) ease}
.cg-app .btn:hover,.cg-app button:hover,.cg-app .cg-tool:hover,.cg-app .cg-refresh:hover,.cg-app .wallet-primary-btn:hover,.cg-app .catalog-cta:hover{transform:translateY(-1px)}
.cg-app .btn:active,.cg-app button:active{transform:translateY(0) scale(.985)}
/* Dashboard / marketplace */
.cg-market .cg-hero{position:relative;overflow:hidden}
.cg-market .cg-hero:after{content:"";position:absolute;width:300px;height:300px;right:-100px;top:-120px;border-radius:50%;background:radial-gradient(circle,rgba(139,92,246,.28),rgba(139,92,246,0) 68%);animation:cgHeroGlow 9s ease-in-out infinite}
.cg-market .cg-hero>*{position:relative;z-index:1}
.cg-market .cg-platform,.cg-market .cg-service,.cg-market .cg-package{animation:cgCardIn .55s var(--cg-motion-ease) both}
.cg-market .cg-platform:nth-child(2),.cg-market .cg-service:nth-child(2),.cg-market .cg-package:nth-child(2){animation-delay:45ms}
.cg-market .cg-platform:nth-child(3),.cg-market .cg-service:nth-child(3),.cg-market .cg-package:nth-child(3){animation-delay:90ms}
.cg-market .cg-platform:nth-child(4),.cg-market .cg-service:nth-child(4),.cg-market .cg-package:nth-child(4){animation-delay:135ms}
.cg-market .cg-platform:hover{transform:translateY(-4px) scale(1.01)!important;box-shadow:0 14px 30px rgba(15,23,42,.08)}
.cg-market .cg-package:hover{transform:translateY(-4px)!important}
/* Orders */
.cg-orders .cg-order{animation:cgCardIn .48s var(--cg-motion-ease) both}
.cg-orders .cg-order:nth-of-type(2){animation-delay:45ms}.cg-orders .cg-order:nth-of-type(3){animation-delay:90ms}.cg-orders .cg-order:nth-of-type(4){animation-delay:135ms}
.cg-orders .cg-progress span{position:relative;overflow:hidden}
.cg-orders .cg-progress span:after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent,rgba(255,255,255,.45),transparent);transform:translateX(-100%);animation:cgShimmer 2.6s ease-in-out infinite}
.cg-orders .cg-status.processing,.cg-orders .cg-status.inprogress{animation:cgStatusPulse 2.8s ease-in-out infinite}
/* Wallet */
.creator-wallet-page .wallet-balance-card{position:relative;overflow:hidden}
.creator-wallet-page .wallet-balance-card:after{content:"";position:absolute;right:-45px;top:-55px;width:150px;height:150px;border-radius:50%;background:rgba(139,92,246,.22);animation:cgFloat 8s ease-in-out infinite}
.creator-wallet-page .wallet-card,.creator-wallet-page .recharge-rewards,.creator-wallet-page .upi-guidance{animation:cgCardIn .5s var(--cg-motion-ease) both}
/* Public home */
.cg-home .hero-card{animation:cgHeroIn .7s var(--cg-motion-ease) both}
.cg-home .hero-copy{animation:cgHeroCopy .65s var(--cg-motion-ease) both}
.cg-home .card,.cg-home .referral{animation:cgCardIn .55s var(--cg-motion-ease) both}
.cg-home .btn-primary{position:relative;overflow:hidden}
.cg-home .btn-primary:after{content:"";position:absolute;inset:-2px;background:linear-gradient(105deg,transparent 20%,rgba(255,255,255,.30) 48%,transparent 72%);transform:translateX(-120%);animation:cgButtonShine 4.5s ease-in-out infinite}
.cg-home .btn-primary>*{position:relative;z-index:1}
@keyframes cgPageIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@keyframes cgCardIn{from{opacity:0;transform:translateY(12px) scale(.99)}to{opacity:1;transform:none}}
@keyframes cgHeroIn{from{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:none}}
@keyframes cgHeroCopy{from{opacity:0;transform:translateX(-12px)}to{opacity:1;transform:none}}
@keyframes cgFloat{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(-10px,14px,0)}}
@keyframes cgFloatReverse{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(12px,-10px,0)}}
@keyframes cgHeroGlow{0%,100%{transform:scale(1);opacity:.8}50%{transform:scale(1.08);opacity:1}}
@keyframes cgBrandPulse{0%,100%{box-shadow:0 8px 20px rgba(98,70,229,.22)}50%{box-shadow:0 10px 27px rgba(98,70,229,.34)}}
@keyframes cgShimmer{0%,55%{transform:translateX(-100%)}75%,100%{transform:translateX(100%)}}
@keyframes cgStatusPulse{0%,100%{box-shadow:0 0 0 0 rgba(124,92,246,0)}50%{box-shadow:0 0 0 5px rgba(124,92,246,.08)}}
@keyframes cgButtonShine{0%,58%{transform:translateX(-120%)}75%,100%{transform:translateX(120%)}}
@media(max-width:800px){.cg-app:before{top:55px;right:-250px}.cg-app:after{left:-270px}.cg-app .well:hover,.cg-app .panel:hover,.cg-app .catalog-card:hover,.cg-app .wallet-card:hover,.cg-app .cg-order:hover{transform:none}.cg-market .cg-platform:hover,.cg-market .cg-package:hover{transform:translateY(-2px)!important}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}}
.cg-app .cg-topbar.cg-scrolled{box-shadow:0 12px 32px rgba(16,24,40,.10)}