:root{--bg-dark:#0a0a0a;--panel-dark:#161616;--accent-green:#3fb67b;--accent-red:#ff3b30;--text-main:#fff;--text-muted:#888;--nav-bg:#161616f2;--card-radius:20px}body{background-color:var(--bg-dark);color:var(--text-main);-webkit-font-smoothing:antialiased;margin:0;padding:0;font-family:Inter,sans-serif;overflow-x:hidden}.app-container{min-height:100vh;padding-bottom:90px}.wallet-header{text-align:center;background:linear-gradient(#1b3d2f 0%,#0a0a0a 100%);border-bottom-right-radius:40px;border-bottom-left-radius:40px;padding:40px 20px}.screen-title{margin-bottom:30px;font-size:1.2rem;font-weight:600}.balance-circle-container{justify-content:center;align-items:center;width:220px;height:220px;margin:0 auto 30px;display:flex;position:relative}.circle-svg{position:absolute;top:0;left:0;transform:rotate(-90deg)}.balance-display{text-align:center;z-index:1}.balance-symbol{font-size:2.5rem;font-weight:700;display:block}.balance-currency{color:var(--text-muted);letter-spacing:2px;font-size:.8rem}.action-btn{background:var(--accent-green);color:#000;cursor:pointer;border:none;border-radius:14px;width:100%;max-width:320px;margin-bottom:12px;padding:16px;font-size:1rem;font-weight:700;transition:transform .2s}.action-btn:active{transform:scale(.98)}.gift-cards-link{color:var(--text-muted);justify-content:center;align-items:center;gap:8px;margin-bottom:24px;font-size:.85rem;display:flex}.tab-switcher{background:#222;border-radius:12px;margin:0 20px 30px;padding:4px;display:flex}.tab-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:10px;flex:1;padding:10px;font-weight:600}.tab-btn.active{color:#fff;background:#333}.month-label{margin-bottom:16px;padding:0 24px;font-size:1.2rem;font-weight:600}.category-list{background:var(--panel-dark);border-radius:var(--card-radius);margin:0 20px;overflow:hidden}.category-item{border-bottom:1px solid #222;align-items:center;padding:18px 20px;display:flex}.category-item:last-child{border-bottom:none}.cat-icon{justify-content:center;align-items:center;width:24px;height:24px;margin-right:16px;display:flex}.cat-name{flex:1;font-size:1rem}.cat-value{font-size:1.1rem;font-weight:700}.all-activities-btn{color:#fff;background:#1e1e1e;border:none;border-radius:14px;width:calc(100% - 40px);margin:20px;padding:16px;font-weight:600}.earn-header{align-items:center;gap:12px;padding:20px;display:flex}.logo-small{background:var(--accent-red);border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:1.2rem;font-weight:900;display:flex}.mini-balance{background:#222;border-radius:20px;padding:4px 12px;font-size:.9rem;font-weight:700}.section-header{justify-content:space-between;align-items:center;margin:24px 0 16px;padding:0 20px;display:flex}.section-header h2{margin:0;font-size:1.5rem}.see-all-link{color:var(--text-muted);font-size:.85rem}.offer-card{background:var(--panel-dark);border-radius:20px;justify-content:space-between;align-items:center;margin:0 20px 12px;padding:20px;display:flex}.offer-details h3{margin:0 0 8px;font-size:1.8rem}.offer-meta{color:var(--text-muted);align-items:center;gap:12px;font-size:.8rem;display:flex}.tag-red{color:var(--accent-red);align-items:center;gap:4px;display:flex}.tag-yellow{color:#ffd60a;align-items:center;gap:4px;display:flex}.game-card{background:var(--panel-dark);border-radius:24px;margin:0 20px 16px;padding:20px;overflow:hidden}.game-top{gap:16px;margin-bottom:12px;display:flex}.game-img{object-fit:cover;border-radius:16px;width:80px;height:80px}.game-info h3{margin:0 0 4px;font-size:1.6rem}.game-info p{color:var(--text-muted);margin:0;font-size:.9rem}.game-steps{color:var(--text-muted);flex-direction:column;gap:4px;font-size:.8rem;display:flex}.bottom-nav{background:var(--nav-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:1000;border:1px solid #ffffff0d;border-radius:30px;justify-content:space-around;align-items:center;height:75px;display:flex;position:fixed;bottom:20px;left:20px;right:20px;box-shadow:0 10px 30px #00000080}.nav-item{color:var(--text-muted);flex-direction:column;align-items:center;gap:4px;transition:all .3s;display:flex}.nav-item.active{color:var(--accent-red)}.nav-item.active .nav-icon-bg{background:#ff3b3026;border-radius:20px;padding:8px 20px}.nav-icon{font-size:1.4rem}.nav-text{font-size:.75rem;font-weight:500}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.scroll-content{animation:.4s ease-out fadeIn}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.offer-webview-modal{animation:.3s cubic-bezier(.1,.76,.55,.94) forwards slideUp}.spinner{border:3px solid #ffffff14;border-top-color:var(--accent-green);border-radius:50%;width:30px;height:30px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}