:root{--primary: #00D4FF;--primary-dark: #00B8E6;--primary-darker: #0099CC;--primary-glow: rgba(0, 212, 255, .3);--primary-subtle: rgba(0, 212, 255, .1);--gold: #FFD700;--gold-hover: #FFC107;--gold-glow: rgba(255, 215, 0, .3);--gold-subtle: rgba(255, 215, 0, .15);--bg-primary: #0A0A1A;--bg-secondary: #12122A;--bg-card: #1A1A3E;--bg-elevated: #222252;--bg-hover: #2A2A6A;--win: #00FF88;--win-glow: rgba(0, 255, 136, .4);--win-subtle: rgba(0, 255, 136, .1);--loss: #FF4757;--loss-glow: rgba(255, 71, 87, .3);--loss-subtle: rgba(255, 71, 87, .1);--warning: #FFB347;--warning-glow: rgba(255, 179, 71, .3);--text-primary: #FFFFFF;--text-secondary: #A0A0C0;--text-muted: #606080;--border-subtle: rgba(255, 255, 255, .08);--border-light: rgba(255, 255, 255, .1);--border-medium: rgba(255, 255, 255, .15);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--transition-fast: .15s ease;--transition-normal: .2s ease;--transition-slow: .3s ease;--z-dropdown: 100;--z-modal: 200;--z-toast: 300;--z-tooltip: 400}*{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Inter,SF Pro Display,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.tabular-nums{font-feature-settings:"tnum" 1,"lnum" 1}.premium-background{background:radial-gradient(ellipse at 20% 0%,rgba(0,212,255,.12) 0%,transparent 50%),radial-gradient(ellipse at 80% 100%,rgba(255,215,0,.08) 0%,transparent 50%),linear-gradient(180deg,var(--bg-primary) 0%,var(--bg-secondary) 100%);min-height:100vh}.glass-card{background:linear-gradient(135deg,#1a1a3ecc,#12122ae6);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:0 8px 32px #0006,inset 0 1px #ffffff0d;transition:all var(--transition-normal)}.glass-card:hover{border-color:var(--border-light);box-shadow:0 12px 40px #00000080,inset 0 1px #ffffff14;transform:translateY(-2px)}.btn-primary{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff;font-weight:600;padding:16px 32px;border-radius:var(--radius-md);border:none;cursor:pointer;box-shadow:0 4px 20px var(--primary-glow),inset 0 1px #fff3;transition:all var(--transition-normal);font-size:14px;text-transform:uppercase;letter-spacing:.5px}.btn-primary:hover{transform:scale(1.02);box-shadow:0 8px 30px var(--primary-glow),inset 0 1px #ffffff4d}.btn-primary:active{transform:scale(.98)}.btn-primary:disabled{background:var(--bg-elevated);color:var(--text-muted);cursor:not-allowed;box-shadow:none;transform:none}.btn-gold{background:linear-gradient(135deg,var(--gold) 0%,var(--gold-hover) 100%);color:#000;font-weight:700;padding:16px 32px;border-radius:var(--radius-md);border:none;cursor:pointer;box-shadow:0 4px 20px var(--gold-glow),inset 0 1px #ffffff4d;transition:all var(--transition-normal);font-size:14px;text-transform:uppercase;letter-spacing:.5px}.btn-gold:hover{transform:scale(1.02);box-shadow:0 8px 30px var(--gold-glow),inset 0 1px #fff6}.btn-yes{background:var(--win-subtle);border:2px solid rgba(0,255,136,.3);color:var(--win);font-weight:600;padding:20px 32px;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-normal);font-size:18px}.btn-yes:hover{background:#00ff8826;border-color:var(--win);box-shadow:0 0 20px var(--win-glow)}.btn-yes.active{background:var(--win);color:#000;border-color:var(--win);box-shadow:0 0 30px var(--win-glow)}.btn-no{background:var(--loss-subtle);border:2px solid rgba(255,71,87,.3);color:var(--loss);font-weight:600;padding:20px 32px;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-normal);font-size:18px}.btn-no:hover{background:#ff475726;border-color:var(--loss);box-shadow:0 0 20px var(--loss-glow)}.btn-no.active{background:var(--loss);color:#fff;border-color:var(--loss);box-shadow:0 0 30px var(--loss-glow)}.btn-secondary{background:transparent;border:1px solid var(--border-medium);color:var(--text-secondary);font-weight:500;padding:12px 24px;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-normal)}.btn-secondary:hover{background:var(--bg-elevated);border-color:var(--primary);color:var(--text-primary)}.neon-glow{box-shadow:0 0 20px var(--primary-glow),0 0 40px var(--primary-glow),0 0 60px var(--primary-glow)}.gold-glow{box-shadow:0 0 20px var(--gold-glow),0 0 40px var(--gold-glow)}.win-glow{box-shadow:0 0 30px var(--win-glow)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton{background:linear-gradient(90deg,var(--bg-card) 25%,var(--bg-elevated) 50%,var(--bg-card) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-sm)}.skeleton-text{height:16px;border-radius:4px}.skeleton-title{height:24px;width:60%;border-radius:4px}.skeleton-card{height:200px;border-radius:var(--radius-lg)}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px var(--primary-glow)}50%{box-shadow:0 0 40px var(--primary-glow),0 0 60px var(--primary-glow)}}@keyframes win-pulse{0%{transform:scale(1);box-shadow:0 0 0 0 var(--win-glow)}50%{transform:scale(1.05);box-shadow:0 0 0 20px #0f80}to{transform:scale(1);box-shadow:0 0 #0f80}}@keyframes balance-update{0%{transform:scale(1);color:var(--text-primary)}50%{transform:scale(1.1);color:var(--win)}to{transform:scale(1);color:var(--text-primary)}}@keyframes fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-in-right{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes bounce-in{0%{transform:scale(0);opacity:0}50%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}@keyframes confetti-fall{0%{transform:translateY(-100vh) rotate(0);opacity:1}to{transform:translateY(100vh) rotate(720deg);opacity:0}}.animate-pulse-glow{animation:pulse-glow 2s ease-in-out infinite}.animate-win-pulse{animation:win-pulse .6s ease-out}.animate-balance-update{animation:balance-update .5s ease-out}.animate-fade-in{animation:fade-in .3s ease-out}.animate-slide-up{animation:slide-up .4s ease-out}.animate-slide-in-right{animation:slide-in-right .3s ease-out}.animate-bounce-in{animation:bounce-in .5s ease-out}.stagger-1{animation-delay:.1s}.stagger-2{animation-delay:.2s}.stagger-3{animation-delay:.3s}.stagger-4{animation-delay:.4s}.stagger-5{animation-delay:.5s}.text-gradient-primary{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-gradient-gold{background:linear-gradient(135deg,var(--gold) 0%,var(--gold-hover) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.progress-bar{height:8px;background:var(--bg-elevated);border-radius:4px;overflow:hidden}.progress-bar-fill{height:100%;border-radius:4px;transition:width var(--transition-slow)}.progress-bar-fill.yes{background:linear-gradient(90deg,var(--win) 0%,rgba(0,255,136,.7) 100%)}.progress-bar-fill.no{background:linear-gradient(90deg,var(--loss) 0%,rgba(255,71,87,.7) 100%)}.input-premium{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:16px;color:var(--text-primary);font-size:16px;transition:all var(--transition-normal);width:100%}.input-premium:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-subtle)}.input-premium::placeholder{color:var(--text-muted)}.input-amount{background:transparent;border:none;border-bottom:2px solid var(--border-medium);font-size:48px;font-weight:700;color:var(--text-primary);padding:8px 0;width:100%;font-feature-settings:"tnum" 1}.input-amount:focus{outline:none;border-color:var(--primary)}.badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.badge-hot{background:linear-gradient(135deg,#ff6b35,#ff4757);color:#fff}.badge-new{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff}.badge-vip{background:linear-gradient(135deg,var(--gold) 0%,var(--gold-hover) 100%);color:#000}.badge-win{background:var(--win-subtle);color:var(--win);border:1px solid rgba(0,255,136,.3)}.badge-loss{background:var(--loss-subtle);color:var(--loss);border:1px solid rgba(255,71,87,.3)}.toast{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:16px 20px;box-shadow:0 8px 32px #0006;display:flex;align-items:center;gap:12px}.toast-success{border-left:4px solid var(--win)}.toast-error{border-left:4px solid var(--loss)}.toast-info{border-left:4px solid var(--primary)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);padding:20px}.modal-content{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);max-width:480px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 24px 64px #00000080}.category-pill{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:50px;cursor:pointer;transition:all var(--transition-normal);white-space:nowrap}.category-pill:hover{background:var(--bg-elevated);border-color:var(--border-light)}.category-pill.active{background:var(--primary-subtle);border-color:var(--primary);color:var(--primary)}.category-pill .icon{font-size:18px}.balance-display{font-feature-settings:"tnum" 1,"lnum" 1;font-weight:700}.balance-positive{color:var(--win)}.balance-negative{color:var(--loss)}@media(max-width:768px){:root{--radius-lg: 12px;--radius-xl: 16px}.btn-primary,.btn-gold{padding:14px 24px;font-size:13px}.btn-yes,.btn-no{padding:16px 24px;font-size:16px}.input-amount{font-size:36px}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--bg-elevated);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--bg-hover)}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}::selection{background:var(--primary-subtle);color:var(--text-primary)}