:root{--ink:#050812;--panel:#0c1526;--panel-2:#101d32;--line:#203654;--muted:#7e98bc;--text:#edf6ff;--green:#48ff32;--cyan:#37d9ff;--blue:#3d7cff}body{background:radial-gradient(ellipse at 80% -8%,#183b5f 0%,#0a1829 25%,#050a14 60%,#02040a 100%);color:var(--text)}body:before{content:"";position:fixed;inset:0;pointer-events:none;background:linear-gradient(112deg,rgba(12,207,255,.035),transparent 35%,rgba(74,255,55,.025));z-index:-1}.app-shell{background:linear-gradient(130deg,rgba(5,11,22,.9),rgba(5,9,17,.78));box-shadow:0 0 80px rgba(0,0,0,.18)}.topbar{border-color:rgba(62,112,170,.3);background:linear-gradient(180deg,rgba(12,26,47,.6),transparent)}.top-balance{color:var(--green);text-shadow:0 0 14px rgba(72,255,50,.24)}h1,h2{color:#f3f8ff}.section-kicker{color:#81a6d8}.payout-panel{background:linear-gradient(145deg,rgba(14,28,49,.96),rgba(8,16,29,.94));border-color:#254265;box-shadow:0 16px 32px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.045)}.payout-icon{box-shadow:0 0 14px rgba(36,117,255,.22)}.payout-name{color:#c1d6f2}.payout strong{color:var(--green);text-shadow:0 0 10px rgba(72,255,50,.18)}.balance-card{background:linear-gradient(112deg,#062b36 0%,#087b69 48%,#24d8a8 100%);border:1px solid rgba(92,255,218,.3);box-shadow:0 16px 40px rgba(0,226,164,.16),inset 0 1px 0 rgba(255,255,255,.16)}.balance-card strong{color:#5dff3d;text-shadow:0 0 18px rgba(67,255,50,.28)}.catalog-title{border-top:1px solid rgba(70,116,170,.18);padding-top:17px}.catalog-title>span{color:#8ca8ca}.brand-grid{filter:saturate(1.08)}.brand-card{box-shadow:0 10px 22px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.15)}.brand-card:before{background:radial-gradient(circle at 50% 18%,rgba(255,255,255,.2),transparent 42%),linear-gradient(145deg,rgba(255,255,255,.07),transparent 58%)}.brand-card>span:last-child{font-weight:700;color:#f7fbff;text-shadow:0 2px 5px rgba(0,0,0,.45)}.bottom-nav{background:rgba(5,13,27,.96);border-color:#1d3a61;box-shadow:0 -12px 28px rgba(0,0,0,.24)}.bottom-nav button.active{color:var(--green);text-shadow:0 0 12px rgba(72,255,50,.3)}.modal-backdrop{background:rgba(1,4,10,.72)}.withdraw-modal,.history-modal{background:linear-gradient(145deg,#122b50,#0d1c36);border-color:#3569aa;box-shadow:0 24px 90px rgba(0,0,0,.62)}.modal-body{background:linear-gradient(180deg,rgba(15,34,65,.42),rgba(8,18,37,.12))}.search-row,.payment-section,.package-list button,.history-row{background:rgba(19,49,91,.78);border-color:#315a90}.notice{background:rgba(165,119,26,.22)}.transaction-modal{background:linear-gradient(145deg,#171c25,#11151c);border-color:#3b4758;box-shadow:0 25px 100px rgba(0,0,0,.75)}.transaction-amount{color:#39e582;text-shadow:0 0 18px rgba(57,229,130,.2)}.processing{box-shadow:0 0 14px rgba(244,203,50,.1)}@keyframes grade-in{from{opacity:0;filter:brightness(.75) saturate(.7)}to{opacity:1;filter:brightness(1) saturate(1)}}.topbar,.intro,.payout-panel,.balance-card,.catalog-title{animation:grade-in .7s cubic-bezier(.2,.8,.2,1) both}.intro{animation-delay:.05s}.payout-panel{animation-delay:.12s}.balance-card{animation-delay:.2s}.catalog-title{animation-delay:.27s}.brand-card{animation-name:card-in,grade-in;animation-duration:.52s,.7s;animation-timing-function:cubic-bezier(.2,.75,.25,1),cubic-bezier(.2,.8,.2,1);animation-fill-mode:both}.brand-card:nth-child(3n+1){animation-delay:.31s,.31s}.brand-card:nth-child(3n+2){animation-delay:.37s,.37s}.brand-card:nth-child(3n){animation-delay:.43s,.43s}@media(max-width:600px){.content{background:linear-gradient(180deg,rgba(3,8,17,.1),rgba(5,9,17,.18))}.balance-card{min-height:154px}.brand-grid{gap:8px}}