/* CreatorGrowth Premium UI Layer — visual only, no business logic changes */
:root{
  --cg-glass:rgba(255,255,255,.72);
  --cg-glass-strong:rgba(255,255,255,.88);
  --cg-glass-line:rgba(98,70,229,.12);
  --cg-purple:#6246e5;
  --cg-purple2:#9b6cff;
  --cg-blue:#5b8def;
  --cg-ink:#101426;
  --cg-muted:#6b7488;
  --cg-shadow-soft:0 18px 55px rgba(47,38,93,.07);
  --cg-shadow-hover:0 24px 70px rgba(47,38,93,.13);
}

/* Shared premium canvas */
body.cg-app{
  background:
    radial-gradient(circle at 8% 8%,rgba(155,108,255,.07),transparent 26%),
    radial-gradient(circle at 94% 18%,rgba(91,141,239,.06),transparent 24%),
    #f7f8fc!important;
}
.cg-app .cg-main{position:relative}
.cg-app .cg-main:before,.cg-app .cg-main:after{
  content:"";position:fixed;pointer-events:none;z-index:-1;border-radius:999px;filter:blur(35px);opacity:.55
}
.cg-app .cg-main:before{width:180px;height:180px;left:-90px;top:22%;background:rgba(155,108,255,.11);animation:cgPremiumFloat 13s ease-in-out infinite}
.cg-app .cg-main:after{width:220px;height:220px;right:-120px;top:58%;background:rgba(91,141,239,.08);animation:cgPremiumFloat2 16s ease-in-out infinite}

/* Glass topbar */
.cg-app .cg-topbar{
  background:rgba(255,255,255,.78)!important;
  border-bottom:1px solid rgba(98,70,229,.10)!important;
  box-shadow:0 8px 35px rgba(32,24,70,.035)!important;
  backdrop-filter:blur(24px) saturate(145%)!important;
  -webkit-backdrop-filter:blur(24px) saturate(145%)!important;
}
.cg-app .cg-brand-mark{box-shadow:0 10px 28px rgba(98,70,229,.25)!important}
.cg-app .cg-desktop-nav a{transition:transform .2s cubic-bezier(.22,1,.36,1),background .2s,color .2s,box-shadow .2s!important}
.cg-app .cg-desktop-nav a:hover{transform:translateY(-1px);box-shadow:0 8px 20px rgba(98,70,229,.07)}
.cg-app .cg-wallet-pill{background:rgba(246,243,255,.82)!important;box-shadow:inset 0 1px rgba(255,255,255,.8)}

/* Universal glass cards */
.cg-app .cg-card,.cg-app .cg-account-card,.cg-app .cg-dash-card,.cg-app .cg-order,.cg-app .cg-method,
.cg-app .cg-payment-card,.cg-app .cg-service,.cg-app .cg-package,.cg-app .cg-summary,
.cg-app .component_card>.card,.cg-app .well,.cg-app .panel{
  position:relative;
  border-color:rgba(98,70,229,.09)!important;
  box-shadow:var(--cg-shadow-soft)!important;
  background:linear-gradient(145deg,rgba(255,255,255,.92),rgba(250,249,255,.80))!important;
  backdrop-filter:blur(14px) saturate(120%);
  -webkit-backdrop-filter:blur(14px) saturate(120%);
}
.cg-app .cg-card:before,.cg-app .cg-account-card:before,.cg-app .cg-dash-card:before,.cg-app .cg-order:before,
.cg-app .cg-payment-card:before,.cg-app .cg-service:before,.cg-app .cg-package:before{
  content:"";position:absolute;left:14px;right:14px;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.95),transparent);pointer-events:none
}
@media (hover:hover) and (pointer:fine){
 .cg-app .cg-card:hover,.cg-app .cg-account-card:hover,.cg-app .cg-dash-card:hover,.cg-app .cg-order:hover,
 .cg-app .cg-payment-card:hover,.cg-app .cg-service:hover,.cg-app .cg-package:hover{
   transform:translateY(-3px)!important;box-shadow:var(--cg-shadow-hover)!important;border-color:rgba(98,70,229,.17)!important
 }
}

/* Inputs */
.cg-app .form-control,.cg-app input[type=text],.cg-app input[type=email],.cg-app input[type=password],
.cg-app input[type=number],.cg-app input[type=url],.cg-app input[type=tel],.cg-app select,.cg-app textarea{
  background:rgba(255,255,255,.82)!important;border-color:rgba(98,70,229,.12)!important;
  box-shadow:inset 0 1px 1px rgba(16,24,40,.02),0 2px 12px rgba(16,24,40,.02)!important;
}
.cg-app .form-control:focus,.cg-app input:focus,.cg-app select:focus,.cg-app textarea:focus{
  background:#fff!important;border-color:#9278ef!important;box-shadow:0 0 0 4px rgba(98,70,229,.09),0 8px 24px rgba(98,70,229,.06)!important
}

/* Buttons */
.cg-app .btn-primary,.cg-app .btn-big-primary,.cg-app .cg-primary-action,.cg-app .cg-wallet-primary,.cg-app .cg-cta{
  position:relative;overflow:hidden;background:linear-gradient(135deg,#6246e5 0%,#7d59ef 52%,#9a68ff 100%)!important;
  box-shadow:0 12px 28px rgba(98,70,229,.20)!important
}
.cg-app .btn-primary:after,.cg-app .cg-primary-action:after,.cg-app .cg-wallet-primary:after{
  content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 25%,rgba(255,255,255,.24) 50%,transparent 75%);transform:translateX(-120%);transition:transform .65s ease
}
@media (hover:hover) and (pointer:fine){.cg-app .btn-primary:hover:after,.cg-app .cg-primary-action:hover:after,.cg-app .cg-wallet-primary:hover:after{transform:translateX(120%)}}

/* Dashboard / orders hierarchy */
.cg-app .cg-dashboard,.cg-app .cg-orders,.cg-app .cg-account-page,.cg-app .cg-wallet-page,.cg-app .cg-market{position:relative}
.cg-app .cg-dash-head,.cg-app .cg-orders-head,.cg-app .cg-market-header,.cg-app .cg-wallet-hero,.cg-app .cg-account-hero{
  border-color:rgba(98,70,229,.10)!important;
  box-shadow:0 20px 65px rgba(47,38,93,.07)!important;
}
.cg-app .cg-dash-stat strong,.cg-app .cg-account-balance strong{letter-spacing:-.055em}
.cg-app .cg-history-table,.cg-app .cg-history{border-radius:20px;overflow:hidden}
.cg-app table{background:rgba(255,255,255,.76)!important}
.cg-app table th{background:rgba(247,245,252,.85)!important}
.cg-app table td{transition:background .18s}
.cg-app table tr:hover td{background:rgba(98,70,229,.025)}

/* Marketplace: cleaner selection hierarchy */
.cg-market .cg-platform,.cg-market .cg-service,.cg-market .cg-package{background:rgba(255,255,255,.84)!important}
.cg-market .cg-platform.active,.cg-market .cg-service.active,.cg-market .cg-package.active{
  border-color:rgba(98,70,229,.42)!important;background:linear-gradient(145deg,#fff,#f7f3ff)!important;
  box-shadow:0 14px 38px rgba(98,70,229,.11)!important
}
.cg-market .cg-progress-nav span{backdrop-filter:blur(10px)}

/* Wallet / payment cards */
.cg-app .cg-balance-card{box-shadow:0 22px 55px rgba(39,33,93,.20)!important}
.cg-app .cg-payment-card{overflow:hidden}
.cg-app .cg-payment-icon{box-shadow:0 8px 20px rgba(98,70,229,.09)}
.cg-app .cg-quick-amounts button{transition:transform .18s,box-shadow .18s,border-color .18s}
.cg-app .cg-quick-amounts button:hover{transform:translateY(-1px);box-shadow:0 7px 18px rgba(98,70,229,.08)}

/* Login/signup */
.cg-app .cg-login-card,.cg-app .cg-signup-card{
  border:1px solid rgba(98,70,229,.10)!important;
  box-shadow:0 28px 80px rgba(47,38,93,.10)!important;
  background:linear-gradient(145deg,rgba(255,255,255,.94),rgba(248,247,255,.86))!important;
  backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)
}
.cg-app .cg-login-card:before,.cg-app .cg-signup-card:before{
  content:"";display:block;height:4px;border-radius:99px;background:linear-gradient(90deg,#6246e5,#9b6cff,#68a0ff);margin:-1px -1px 22px
}

/* FAQ / tickets */
.cg-app .faq-block__header{background:rgba(255,255,255,.84)!important;box-shadow:0 8px 26px rgba(16,24,40,.035)!important;transition:.2s}
.cg-app .faq-block__header:hover{border-color:rgba(98,70,229,.20)!important;transform:translateY(-1px)}
.cg-app .ticket-form .card,.cg-app .ticket-dialog .card{overflow:hidden}

/* Mobile premium bottom nav */
@media(max-width:640px){
 .cg-app .cg-mobile-nav{background:rgba(255,255,255,.82)!important;border-color:rgba(98,70,229,.12)!important;box-shadow:0 18px 45px rgba(32,24,70,.15)!important;backdrop-filter:blur(24px) saturate(145%)!important;-webkit-backdrop-filter:blur(24px) saturate(145%)!important}
 .cg-app .cg-mobile-nav a.active{box-shadow:inset 0 0 0 1px rgba(98,70,229,.08),0 6px 18px rgba(98,70,229,.08)}
 .cg-app .cg-account-card,.cg-app .cg-payment-card,.cg-app .cg-order{border-radius:20px!important}
}

/* Public homepage glass layer */
.cg-home{background:linear-gradient(180deg,#fff 0%,#fbfaff 50%,#f7f8fc 100%)!important;position:relative;overflow:visible;overflow-x:clip;min-height:100%;}
.cg-home:before,.cg-home:after{content:"";position:absolute;pointer-events:none;border-radius:999px;filter:blur(20px);z-index:0}
.cg-home:before{width:420px;height:420px;right:-180px;top:180px;background:rgba(155,108,255,.11);animation:cgPremiumFloat 14s ease-in-out infinite}
.cg-home:after{width:330px;height:330px;left:-170px;top:42%;background:rgba(91,141,239,.07);animation:cgPremiumFloat2 17s ease-in-out infinite}
.cg-home>*{position:relative;z-index:1}
.cg-home .cg-nav{background:rgba(255,255,255,.72)!important;border-bottom-color:rgba(98,70,229,.10)!important;backdrop-filter:blur(24px) saturate(145%)!important;-webkit-backdrop-filter:blur(24px) saturate(145%)!important;box-shadow:0 8px 35px rgba(32,24,70,.035)}
.cg-home .cg-hero{background:linear-gradient(120deg,rgba(255,255,255,.92),rgba(249,247,255,.88) 58%,rgba(238,232,255,.90))!important}
.cg-home .cg-hero:before{background:radial-gradient(circle,#d7c8ff 0%,rgba(215,200,255,.35) 42%,transparent 72%)!important;animation:cgPremiumFloat 12s ease-in-out infinite}
.cg-home .cg-card,.cg-home .cg-platform,.cg-home .cg-economy-panel,.cg-home .cg-content-card{
 background:linear-gradient(145deg,rgba(255,255,255,.88),rgba(250,249,255,.74))!important;
 border-color:rgba(98,70,229,.10)!important;box-shadow:0 16px 48px rgba(47,38,93,.055)!important;backdrop-filter:blur(16px) saturate(125%);-webkit-backdrop-filter:blur(16px) saturate(125%);transition:transform .28s cubic-bezier(.22,1,.36,1),box-shadow .28s,border-color .28s!important
}
.cg-home .cg-card:hover,.cg-home .cg-platform:hover,.cg-home .cg-content-card:hover{transform:translateY(-5px)!important;box-shadow:0 26px 65px rgba(47,38,93,.11)!important;border-color:rgba(98,70,229,.18)!important}
.cg-home .cg-btn-primary{box-shadow:0 14px 32px rgba(111,61,245,.22)!important;position:relative;overflow:hidden}
.cg-home .cg-platform-icon{filter:drop-shadow(0 8px 10px rgba(30,25,70,.08))}
.cg-home .cg-dark-section{box-shadow:0 25px 75px rgba(17,21,37,.12);border:1px solid rgba(155,108,255,.12)}
.cg-home .cg-footer{border-top-color:rgba(98,70,229,.08)!important}

/* Motion */
@keyframes cgPremiumFloat{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(0,-14px,0)}}
@keyframes cgPremiumFloat2{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(10px,12px,0)}}
@media(prefers-reduced-motion:reduce){.cg-app .cg-main:before,.cg-app .cg-main:after,.cg-home:before,.cg-home:after,.cg-home .cg-hero:before{animation:none!important}.cg-app .cg-card,.cg-app .cg-account-card,.cg-app .cg-dash-card,.cg-app .cg-order,.cg-app .cg-payment-card,.cg-app .cg-service,.cg-app .cg-package,.cg-home .cg-card,.cg-home .cg-platform,.cg-home .cg-content-card{transition:none!important}}