/* Creator Growth Phase 28 — release-candidate UI consistency layer. */
:root{--cg28-ink:#101426;--cg28-muted:#667085;--cg28-line:rgba(98,70,229,.12);--cg28-purple:#6246e5;--cg28-purple2:#8b5cf6;--cg28-glass:rgba(255,255,255,.68);--cg28-shadow:0 20px 55px rgba(40,27,96,.10);--cg28-ease:cubic-bezier(.22,1,.36,1)}
.cg-app :where(a,button,input,select,textarea):focus-visible{outline:3px solid rgba(98,70,229,.25);outline-offset:3px}
.cg-app .cg-topbar{box-shadow:0 1px 0 rgba(16,24,40,.02)}
.cg-app .cg-topbar.cg-scrolled{box-shadow:0 12px 32px rgba(40,27,96,.10)}
.cg-app .cg-side-nav{border-right:1px solid rgba(98,70,229,.09);background:rgba(255,255,255,.72);backdrop-filter:blur(24px) saturate(150%);-webkit-backdrop-filter:blur(24px) saturate(150%)}
.cg-app .cg-side-links a{transition:background .18s var(--cg28-ease),color .18s var(--cg28-ease),transform .18s var(--cg28-ease)}
.cg-app .cg-side-links a:hover{transform:translateX(2px)}
.cg-app .cg-wallet-pill,.cg-app .cg-avatar,.cg-app .cg-start-growing{transition:transform .18s var(--cg28-ease),box-shadow .18s ease,background .18s ease}
.cg-app .cg-wallet-pill:hover,.cg-app .cg-avatar:hover,.cg-app .cg-start-growing:hover{transform:translateY(-2px)}
.cg-app .component_card,.cg-app .well,.cg-app .panel,.cg-app .wallet-card,.cg-app .cg-order,.cg-app .cg-card,.cg-app .cg-package,.cg-app .cg-summary-card{border-color:rgba(98,70,229,.10)}
.cg-app .cg-package{background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(249,247,255,.86));box-shadow:0 8px 24px rgba(40,27,96,.045);transition:transform .25s var(--cg28-ease),box-shadow .25s ease,border-color .2s ease,background .2s ease}
.cg-app .cg-package:hover{transform:translateY(-5px);box-shadow:0 18px 40px rgba(40,27,96,.11);border-color:rgba(98,70,229,.24)}
.cg-app .cg-package.active{background:linear-gradient(145deg,#fbf9ff,#f3efff);border-color:rgba(98,70,229,.45);box-shadow:0 18px 42px rgba(98,70,229,.15)}
.cg-app .cg-package .price{background:linear-gradient(90deg,#4f35c8,#8b5cf6);-webkit-background-clip:text;background-clip:text;color:transparent}
.cg-app .cg-summary-card{position:sticky;top:94px;background:var(--cg28-glass);backdrop-filter:blur(22px) saturate(145%);-webkit-backdrop-filter:blur(22px) saturate(145%);box-shadow:var(--cg28-shadow)}
.cg-app .cg-checkout,.cg-app .cg-mobile-checkout .cg-btn{box-shadow:0 12px 28px rgba(98,70,229,.22)}
.cg-app .cg-btn{transition:transform .18s var(--cg28-ease),box-shadow .18s ease,filter .18s ease}
.cg-app .cg-btn:hover:not(:disabled){transform:translateY(-2px);filter:saturate(1.04)}
.cg-app .cg-btn:disabled{cursor:not-allowed;filter:saturate(.55);opacity:.58}
.cg-app .cg-mobile-checkout{backdrop-filter:blur(24px) saturate(160%);-webkit-backdrop-filter:blur(24px) saturate(160%);background:rgba(255,255,255,.78);border-top-color:rgba(98,70,229,.12)}
.cg-app .cg-mobile-price{background:linear-gradient(90deg,#4f35c8,#8b5cf6);-webkit-background-clip:text;background-clip:text;color:transparent}
.cg-app .cg-modal{backdrop-filter:blur(8px)}
.cg-app .cg-modal-card{border:1px solid rgba(255,255,255,.75);box-shadow:0 30px 80px rgba(25,18,61,.22)}
.cg-app .cg-target input,.cg-app .cg-target textarea,.cg-app .cg-target select,.cg-app input.form-control,.cg-app select.form-control,.cg-app textarea.form-control{border-color:#e4e2ee;transition:border-color .18s ease,box-shadow .18s ease}
.cg-app .cg-target input:focus,.cg-app .cg-target textarea:focus,.cg-app .cg-target select:focus,.cg-app input.form-control:focus,.cg-app select.form-control:focus,.cg-app textarea.form-control:focus{border-color:#8b6df0;box-shadow:0 0 0 4px rgba(98,70,229,.09)}
.cg-app .cg-hero{box-shadow:var(--cg28-shadow)}
.cg-app .cg-eyebrow{box-shadow:inset 0 0 0 1px rgba(98,70,229,.08)}
.cg-app .cg-step{transition:transform .2s var(--cg28-ease),background .2s ease,border-color .2s ease}
.cg-app .cg-step:hover{transform:translateY(-2px)}
.cg-app .cg-step.active{box-shadow:0 10px 24px rgba(98,70,229,.10)}
.cg-app .cg-welcome{box-shadow:var(--cg28-shadow)}
.cg-app .cg-custom{background:linear-gradient(135deg,rgba(255,255,255,.96),rgba(246,242,255,.92));border-color:rgba(98,70,229,.12)}
.cg-app .cg-profile-dropdown{box-shadow:0 22px 60px rgba(31,24,69,.18);border-color:rgba(98,70,229,.10)}
.cg-app .cg-submit-loading{position:relative;pointer-events:none}
.cg-app .cg-submit-loading:after{content:"";display:inline-block;width:12px;height:12px;margin-left:8px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;vertical-align:-2px;animation:cg28spin .7s linear infinite}
.cg-app .cg-empty{border:1px dashed rgba(98,70,229,.20);border-radius:18px;padding:24px;text-align:center;color:#7b8497;background:rgba(255,255,255,.62)}
@keyframes cg28spin{to{transform:rotate(360deg)}}
@media(max-width:980px){.cg-app .cg-summary-card{position:static}.cg-app .cg-layout{gap:14px}}
@media(max-width:767px){.cg-app .cg-package{min-height:165px}.cg-app .cg-package:hover{transform:none}.cg-app .cg-summary-card{border-radius:22px}.cg-app .cg-modal-card{border-radius:24px}.cg-app .cg-hero{box-shadow:0 16px 42px rgba(40,27,96,.10)}}
@media(prefers-reduced-motion:reduce){.cg-app .cg-package,.cg-app .cg-btn,.cg-app .cg-step,.cg-app .cg-wallet-pill,.cg-app .cg-avatar,.cg-app .cg-start-growing,.cg-app .cg-side-links a{transition:none!important}.cg-app .cg-submit-loading:after{animation:none!important}}
@media(prefers-reduced-transparency:reduce){.cg-app .cg-summary-card,.cg-app .cg-mobile-checkout,.cg-app .cg-side-nav{backdrop-filter:none;-webkit-backdrop-filter:none;background:#fff}}