:root{--neon-green:#00ff6a;--bg-dark:#0e1116;--bg-card:#1a1d23;--text-dim:#d1ffd6}*{box-sizing:border-box;transition:all .2s ease-out}body{background-color:var(--bg-dark);color:#fff;margin:0;padding:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;overflow-x:hidden}.custom-header{background-color:var(--bg-dark);z-index:1000;border-bottom:1px solid #00ff6a33;justify-content:space-between;align-items:center;height:70px;padding:0 40px;display:flex;position:sticky;top:0;box-shadow:0 2px 15px #00ff6a26}.rgb-text .logo-text{text-transform:uppercase;letter-spacing:2px;color:#0000;cursor:pointer;background:linear-gradient(270deg,#00ff6a,#00e0ff,#f0f,#00ff6a) 0 0/800% 800%;-webkit-background-clip:text;background-clip:text;font-size:26px;font-weight:800;animation:6s infinite rgbFlow}@keyframes rgbFlow{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.header-menu{gap:30px;display:flex}.menu-item{color:var(--text-dim);cursor:pointer;align-items:center;gap:8px;padding:10px 0;font-weight:600;text-decoration:none;display:flex;position:relative}.menu-item:hover,.menu-item.active{color:var(--neon-green)}.menu-item:after{content:"";background:var(--neon-green);width:0;height:2px;box-shadow:0 0 10px var(--neon-green);transition:all .3s;position:absolute;bottom:0;left:0}.menu-item:hover:after{width:100%}.header-actions{align-items:center;gap:20px;display:flex}.btn-connect{background-color:var(--neon-green);color:var(--bg-dark);cursor:pointer;border:none;border-radius:5px;padding:10px 20px;font-weight:800}.btn-connect:hover{box-shadow:0 0 20px var(--neon-green);transform:translateY(-2px)}.avatar-circle{background-color:var(--neon-green);border-radius:50%;justify-content:center;align-items:center;width:35px;height:35px;display:flex;overflow:hidden}.avatar-circle img{object-fit:cover;width:100%;height:100%}.auth-container{justify-content:center;align-items:center;min-height:calc(100vh - 150px);animation:.5s fadeIn;display:flex}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.auth-card{background:var(--bg-card);text-align:center;border:1px solid #00ff6a4d;border-radius:15px;width:100%;max-width:400px;padding:40px;box-shadow:0 0 30px #00ff6a1a}.auth-title{color:var(--neon-green);letter-spacing:3px;text-shadow:0 0 10px #00ff6a4d;margin-bottom:30px;font-size:28px}.input-group{margin-bottom:20px;position:relative}.input-icon{color:var(--neon-green);opacity:.7;position:absolute;top:50%;left:15px;transform:translateY(-50%)}.input-group input{color:#fff;background:#0e1116;border:1px solid #333;border-radius:8px;outline:none;width:100%;padding:15px 15px 15px 50px}.input-group input:focus{border-color:var(--neon-green);box-shadow:0 0 15px #00ff6a33}.auth-submit{background:var(--neon-green);width:100%;color:var(--bg-dark);cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:10px;margin-top:10px;padding:15px;font-size:16px;font-weight:800;display:flex}.auth-submit:hover{box-shadow:0 0 20px var(--neon-green);letter-spacing:1px;transform:translateY(-2px)}.btn-google{margin-top:15px;color:#000!important;background:#fff!important}.btn-google:hover{box-shadow:0 0 20px #fff!important}.btn-logout{color:#fff!important;background:#ff4d4d!important}.btn-logout:hover{box-shadow:0 0 20px #ff4d4d!important}.auth-footer{color:var(--text-dim);margin-top:25px;font-size:14px}.auth-footer span{color:var(--neon-green);cursor:pointer;font-weight:700;text-decoration:underline}.hero-section{text-align:center;margin-top:150px}.hero-text{color:var(--neon-green);text-shadow:0 0 20px #00ff6a66;font-size:50px}.sub-text{color:var(--text-dim);font-size:18px}.auth-divider{text-align:center;color:#555;align-items:center;margin:20px 0;font-size:12px;font-weight:700;display:flex}.auth-divider:before,.auth-divider:after{content:"";border-bottom:1px solid #333;flex:1}.auth-divider:not(:empty):before{margin-right:.5em}.auth-divider:not(:empty):after{margin-left:.5em}.user-email-display{color:var(--neon-green);background:#00ff6a1a;border:1px solid #00ff6a4d;border-radius:4px;padding:5px 10px;font-size:12px}.alert-container{z-index:9999;flex-direction:column;gap:10px;display:flex;position:fixed;top:20px;right:20px}.neon-alert{background:var(--bg-card);border:1px solid var(--neon-green);color:#fff;border-radius:8px;align-items:center;gap:12px;min-width:300px;padding:15px 20px;animation:.3s ease-out forwards slideIn;display:flex;position:relative;overflow:hidden;box-shadow:0 0 15px #00ff6a33}.neon-alert.success{border-color:var(--neon-green);box-shadow:0 0 15px #00ff6a4d}.neon-alert.error{border-color:#ff4d4d;box-shadow:0 0 15px #ff4d4d4d}.neon-alert.error .alert-icon{color:#ff4d4d}.alert-icon{color:var(--neon-green);align-items:center;display:flex}.alert-content{flex:1}.alert-title{letter-spacing:1px;margin-bottom:2px;font-size:14px;font-weight:800}.alert-message{color:var(--text-dim);font-size:13px}.alert-progress{background:var(--neon-green);width:100%;height:3px;animation:3s linear forwards progress;position:absolute;bottom:0;left:0}.neon-alert.error .alert-progress{background:#ff4d4d}@keyframes slideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes progress{0%{width:100%}to{width:0%}}.neon-border-alert{border:1px solid var(--neon-green)!important;box-shadow:0 0 20px #00ff6a33!important}.neon-confirm-btn{text-transform:uppercase;color:#0e1116!important;font-weight:800!important}.swal2-title{letter-spacing:2px}.method-card{cursor:pointer;color:#888;background:#0e1116;border:1px solid #333;border-radius:12px;flex-direction:column;flex:1;align-items:center;gap:10px;padding:20px;font-size:12px;font-weight:800;transition:all .3s;display:flex}.method-card:hover{border-color:#666;transform:translateY(-5px)}.active-vcb{background:#00ff6a0d;box-shadow:0 0 15px #00ff6a33;color:#00ff6a!important;border-color:#00ff6a!important}.active-momo{background:#ff007f0d;box-shadow:0 0 15px #ff007f33;color:#ff007f!important;border-color:#ff007f!important}.qr-container{background:#fff;border:4px solid #0000;border-radius:12px;margin-bottom:20px;padding:15px}.border-vcb{border-color:#00ff6a;box-shadow:0 0 20px #00ff6a4d}.border-momo{border-color:#ff007f;box-shadow:0 0 20px #ff007f4d}.transfer-box{text-align:left;background:#0e1116;border:1px dashed #444;border-radius:10px;padding:15px}.content-highlight{color:var(--neon-green);letter-spacing:2px;font-family:Courier New,Courier,monospace;font-size:20px;font-weight:900}.copy-btn{color:var(--neon-green);cursor:pointer;transition:all .2s}.copy-btn:hover{transform:scale(1.2)}.user-balance-display{color:var(--neon-green);text-shadow:0 0 10px #00ff6a4d;font-size:15px;font-weight:800}.btn-deposit{color:#0e1116;cursor:pointer;background:linear-gradient(45deg,gold,#ffae00);border:none;border-radius:5px;align-items:center;gap:8px;padding:8px 15px;font-size:12px;font-weight:900;transition:all .3s;display:flex;box-shadow:0 0 10px #ffd7004d}.btn-deposit:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 0 20px #ffd70099}.btn-deposit:active{transform:scale(.95)}.product-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:25px;max-width:1200px;margin:0 auto;padding:40px;display:grid}.product-card{background:var(--bg-card);text-align:center;border:1px solid #00ff6a33;border-radius:15px;padding:25px;transition:all .3s;position:relative}.product-card:hover{border-color:var(--neon-green);transform:translateY(-10px);box-shadow:0 10px 30px #00ff6a33}.product-img{filter:drop-shadow(0 0 10px #fff3);width:80px;margin-bottom:15px}.product-name{color:var(--neon-green);margin:10px 0;font-size:20px}.product-desc{color:#888;height:40px;font-size:13px}.product-footer{border-top:1px solid #333;justify-content:space-between;align-items:center;margin-top:20px;padding-top:15px;display:flex}.product-price{color:gold;font-size:22px;font-weight:900}.btn-buy{background:var(--neon-green);color:var(--bg-dark);cursor:pointer;border:none;border-radius:5px;align-items:center;gap:5px;padding:8px 15px;font-weight:800;display:flex}.product-badge{background:#ff007f;border-radius:10px;padding:3px 8px;font-size:10px;font-weight:700;position:absolute;top:10px;right:10px}.avatar-circle{border:2px solid #0000;transition:all .3s}.avatar-circle:hover{border-color:var(--neon-green);box-shadow:0 0 15px var(--neon-green);transform:scale(1.1)}.active-avatar{border-color:var(--neon-green);box-shadow:0 0 20px var(--neon-green);transform:scale(1.1)}