@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@500;800&display=swap";@import "https://fonts.googleapis.com/css2?family=Fira+Code:wght@400;700&family=JetBrains+Mono:wght@500;800&display=swap";.guide-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px;margin-top:30px;display:grid}.guide-card{color:#0f6;background:#00ff660d;border:1px solid #0f63;padding:20px;text-decoration:none;transition:all .3s}.guide-card:hover{background:#00ff6626;border-color:#0f6;transform:translateY(-5px)}.guide-card h3{color:#fff;margin-bottom:10px;font-size:16px}.guide-card p{color:#888;margin-bottom:15px;font-size:13px}.read-more{align-items:center;gap:5px;font-size:11px;font-weight:800;display:flex}.btn-back-link{color:#888;align-items:center;gap:5px;margin-bottom:20px;font-size:12px;text-decoration:none;display:flex}.btn-back-link:hover{color:#0f6}.custom-header{z-index:1000;background:#050a05f2;border-bottom:2px solid #0f6;justify-content:space-between;align-items:center;height:70px;padding:0 40px;font-family:JetBrains Mono,monospace;display:flex;position:sticky;top:0;box-shadow:0 5px 20px #00ff661a}.header-logo{color:#0f6;letter-spacing:-1px;font-size:22px;font-weight:900;text-decoration:none}.logo-glitch{text-shadow:.05em 0 #ff0051bf,-.025em -.05em #00ff66bf;position:relative}.header-menu{gap:30px;margin:0;padding:0;list-style:none;display:flex}.menu-item{color:#0f69;cursor:pointer;border-radius:4px;align-items:center;gap:8px;padding:8px 12px;font-size:14px;font-weight:700;text-decoration:none;transition:all .3s;display:flex}.menu-item:hover,.menu-item.active{color:#0f6;text-shadow:0 0 8px #00ff6680;background:#00ff661a}.menu-icon{opacity:.8}.dropdown{position:relative}.dropdown-menu{clip-path:polygon(0 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%);background:#050a05;border:1px solid #0f6;min-width:220px;padding:10px 0;list-style:none;display:none;position:absolute;top:100%;left:0;box-shadow:0 10px 30px #000c}.dropdown:hover .dropdown-menu{display:block}.dropdown-item{color:#0f6;align-items:center;gap:10px;padding:12px 20px;font-size:13px;text-decoration:none;transition:background .2s;display:flex}.dropdown-item:hover{background:#0f63}.dropdown-item .dot{background:#0f6;border-radius:50%;width:4px;height:4px}.divider{background:#0f63;height:1px;margin:8px 0}.greyed{opacity:.5;font-size:11px}.user-info-box{background:#00ff660d;border-left:3px solid #0f6;align-items:center;gap:15px;padding:5px 15px;display:flex}.balance-wrapper{flex-direction:column;align-items:flex-end;display:flex}.balance-wrapper .label{color:#0f6;opacity:.6;font-size:9px}.user-balance-display{color:#fff;font-size:15px;font-weight:800}.avatar-frame{border:1px solid #0f6;border-radius:50%;width:38px;height:38px;padding:2px;position:relative}.avatar-frame img{object-fit:cover;border-radius:50%;width:100%;height:100%}.online-indicator{background:#0f6;border:2px solid #050a05;border-radius:50%;width:10px;height:10px;position:absolute;bottom:0;right:0;box-shadow:0 0 5px #0f6}.btn-connect-cyber{color:#0f6;clip-path:polygon(10% 0,100% 0,100% 70%,90% 100%,0 100%,0 30%);background:0 0;border:1px solid #0f6;align-items:center;gap:10px;padding:10px 20px;font-size:13px;font-weight:800;text-decoration:none;transition:all .3s;display:flex}.btn-connect-cyber:hover{color:#000;background:#0f6;box-shadow:0 0 15px #00ff6680}.stopwatch-container{color:#fff;text-align:center;background:linear-gradient(145deg,#0d0d12,#1a1a2e);border:2px solid #0ff;border-radius:0;max-width:450px;margin:40px auto;padding:30px;font-family:Orbitron,Segoe UI,sans-serif;position:relative;box-shadow:0 0 20px #00ffff4d,inset 0 0 10px #00ffff1a}.stopwatch-container:before{content:"";border-top:2px solid #f0f;border-right:2px solid #f0f;width:20px;height:20px;position:absolute;top:-5px;right:-5px}.world-clock{color:#0ff;text-transform:uppercase;letter-spacing:2px;text-shadow:0 0 5px #0ff;justify-content:space-between;margin-bottom:20px;font-size:.75rem;display:flex}.timer-display{color:#fff;text-shadow:0 0 10px #fff,0 0 20px #0ff,0 0 30px #0ff;margin:20px 0;font-family:Courier New,monospace;font-size:3.8rem;font-weight:900}.stopwatch-controls{justify-content:center;gap:10px;margin-bottom:30px;display:flex}button[style*="background: #d9534f"],button:last-child{color:#f0f;border-color:#f0f}button:last-child:hover{color:#fff;background:#f0f;box-shadow:0 0 15px #f0f}.laps-section{border-top:1px solid #333;max-height:200px;padding-top:15px;overflow-y:auto}.lap-item{color:#fff;background:#00ffff0d;border-left:3px solid #0ff;justify-content:space-between;margin-bottom:8px;padding:10px;font-family:monospace;font-size:.9rem;display:flex}.laps-section::-webkit-scrollbar{width:6px}.laps-section::-webkit-scrollbar-thumb{background:#f0f}button{color:#0ff;text-transform:uppercase;cursor:pointer;clip-path:polygon(10% 0,100% 0,90% 100%,0 100%);background:#00ffff1a;border:1px solid #0ff;padding:12px 18px;font-weight:700;transition:all .3s}button:hover{color:#000;background:#0ff;box-shadow:0 0 15px #0ff}button:last-child{color:#e9d7e9;background:#ff00ff1a;border:1px solid #f0f}button:last-child:hover{color:#f1ebeb;background:#f0d3f0;border-color:#fff;box-shadow:0 0 15px #f0f}:root{--neon-green:#0f6;--dark-green:#003b00;--matrix-bg:#050a05;--soft-green:#00ff661a;--border-color:#00ff664d}.page-wrapper{background-color:var(--matrix-bg);background-image:radial-gradient(circle,#0a1f0a 0%,#050a05 100%);justify-content:center;align-items:center;width:100%;min-height:100vh;padding:20px;font-family:JetBrains Mono,monospace;display:flex}.msu-container{border:1px solid var(--neon-green);clip-path:polygon(0 20px,20px 0,100% 0,100% calc(100% - 20px),calc(100% - 20px) 100%,0 100%);background:#050f05f2;width:100%;max-width:520px;padding:35px;position:relative;box-shadow:0 0 20px #00ff6626,inset 0 0 10px #00ff660d}.msu-container:after{content:"";pointer-events:none;background:#0f63;width:100%;height:2px;animation:4s linear infinite scanline;position:absolute;top:0;left:0}@keyframes scanline{0%{top:0%}to{top:100%}}.rgb-text{text-align:center;color:var(--neon-green);text-transform:uppercase;letter-spacing:4px;text-shadow:0 0 10px var(--neon-green);margin-bottom:30px;font-size:22px;font-weight:800}.input-group{flex-direction:column;gap:15px;margin-bottom:25px;display:flex}.input-group input{border:1px solid var(--border-color);color:var(--neon-green);background:#001400cc;border-radius:4px;padding:14px;font-family:Fira Code,monospace;font-size:14px;transition:all .3s}.input-group input:focus{border-color:var(--neon-green);background:#002800;outline:none;box-shadow:0 0 15px #0f63}.input-group input::placeholder{color:#004d1a}.btn-search{border:1px solid var(--neon-green);width:100%;color:var(--neon-green);cursor:pointer;text-transform:uppercase;letter-spacing:2px;background:0 0;margin-bottom:25px;padding:16px;font-family:JetBrains Mono,sans-serif;font-size:16px;font-weight:700;transition:all .3s;position:relative;overflow:hidden}.btn-search:hover{background:var(--neon-green);color:#000;box-shadow:0 0 30px var(--neon-green)}.btn-search.loading{color:#fff;border-color:#fff;animation:.5s infinite blink}@keyframes blink{50%{opacity:.5}}.result-cards{grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:25px;display:grid}.card{border:1px solid var(--border-color);text-align:center;background:#00ff660d;padding:15px 5px;transition:transform .3s}.card:hover{border-color:var(--neon-green);transform:translateY(-3px)}.label{color:var(--neon-green);opacity:.7;text-transform:uppercase;margin-bottom:5px;font-size:9px;display:block}.value{color:#fff;text-shadow:0 0 5px var(--neon-green);font-size:12px;font-weight:700}.yellow,.cyan,.green{color:var(--neon-green)}.status-bar{border-top:1px solid var(--border-color);color:#fff;text-transform:uppercase;padding-top:15px;font-size:13px}.status-bar strong{color:var(--neon-green);text-shadow:0 0 8px var(--neon-green)}.search-dropdown{border:1px solid var(--neon-green);z-index:100;background:#050a05;width:100%;max-height:200px;margin-top:5px;position:absolute;top:100%;left:0;overflow-y:auto}.search-dropdown li{color:var(--neon-green);cursor:pointer;border-bottom:1px solid #020;padding:10px 15px;font-size:13px}.search-dropdown li:hover{background:var(--neon-green);color:#000}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:#000}::-webkit-scrollbar-thumb{background:var(--neon-green)}.title-guide-link{color:var(--neon-green);cursor:pointer;vertical-align:middle;margin-left:10px;transition:all .3s;display:inline-flex}.title-guide-link:hover{color:#fff;filter:drop-shadow(0 0 5px var(--neon-green));transform:scale(1.2)}.quick-guide-box{text-align:left;background:#00ff660d;border:1px dashed #00ff664d;margin-top:20px;padding:10px;font-size:12px}.guide-label{color:var(--neon-green);margin-right:5px;font-weight:800}.quick-guide-box p{color:#888;margin:5px 0 0}.quick-guide-box a{color:#fff;font-weight:700;text-decoration:underline}.quick-guide-box a:hover{color:var(--neon-green)}: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)}
