*{box-sizing:border-box;margin:0;padding:0}body{background:linear-gradient(135deg,#0f0520 0%,#1a0a35 30%,#2d1052 60%,#1a0a35 100%);min-height:100vh;padding:20px 0;font-family:Kanit,sans-serif;position:relative;overflow-x:hidden}body:before{content:"";z-index:0;pointer-events:none;background:radial-gradient(at 20% 30%,#b432c826 0%,#0000 50%),radial-gradient(at 80% 70%,#6432b433 0%,#0000 50%),radial-gradient(#9632961a 0%,#0000 70%);width:100%;height:100%;position:fixed;top:0;left:0}body:after{content:"";opacity:.6;z-index:0;pointer-events:none;background-image:radial-gradient(1px 1px at 20px 30px,#fff,#0000),radial-gradient(1px 1px at 40px 70px,#fffc,#0000),radial-gradient(1px 1px at 50px 160px,#fff9,#0000),radial-gradient(1px 1px at 90px 40px,#fff,#0000),radial-gradient(1px 1px at 130px 80px,#ffffffb3,#0000),radial-gradient(1.5px 1.5px at 160px 120px,#fff,#0000),radial-gradient(1px 1px at 200px 150px,#ffffff80,#0000),radial-gradient(1px 1px at 220px 50px,#fff,#0000),radial-gradient(1px 1px at 250px 180px,#fffc,#0000),radial-gradient(1px 1px at 280px 90px,#fff,#0000),radial-gradient(1.5px 1.5px at 320px 200px,#ffc8ffe6,#0000),radial-gradient(1px 1px at 350px 60px,#fff,#0000),radial-gradient(1px 1px at 380px 140px,#fff9,#0000),radial-gradient(1px 1px at 420px 220px,#fff,#0000),radial-gradient(1px 1px at 450px 100px,#ffffffb3,#0000);background-repeat:repeat;background-size:500px 300px;width:100%;height:100%;animation:4s ease-in-out infinite alternate twinkle;position:fixed;top:0;left:0}@keyframes twinkle{0%{opacity:.4}to{opacity:.7}}.container{z-index:1;max-width:600px;margin:0 auto;padding:0 15px;position:relative}.banner-img{border:2px solid #ff64c866;border-radius:20px;width:100%;margin-bottom:15px;transition:all .3s;animation:.6s fadeIn;box-shadow:0 10px 40px #000000b3,0 0 40px #ff64c84d}.banner-img:hover{border-color:#ff64c8b3;transform:translateY(-2px);box-shadow:0 15px 50px #000c,0 0 60px #ff64c880}.cta-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ff1493 0%,#ff69b4 50%,#ff1493 100%);border:2px solid #ff96dc80;border-radius:15px;justify-content:center;align-items:center;gap:10px;width:100%;margin-bottom:12px;padding:16px;font-size:16px;font-weight:600;text-decoration:none;transition:all .3s;animation:.6s fadeIn;display:flex;box-shadow:0 5px 25px #ff149380,0 0 30px #ff64c84d}.cta-button:hover{background:linear-gradient(135deg,#f39 0%,#ff80c0 50%,#f39 100%);border-color:#ffc8f0cc;transform:translateY(-3px);box-shadow:0 8px 35px #ff1493b3,0 0 45px #ff64c880}.cta-button-primary{color:#fff;text-shadow:0 2px 4px #0000004d;background:linear-gradient(135deg,#ff1493 0%,#ff69b4 50%,#ff1493 100%);font-weight:700;box-shadow:0 5px 25px #ff149380,0 0 30px #ff64c866}.cta-button-primary:hover{color:#fff;background:linear-gradient(135deg,#f39 0%,#ff80c0 50%,#f39 100%);box-shadow:0 8px 35px #ff1493b3,0 0 45px #ff64c899}.cta-button-line{color:#fff;background:linear-gradient(135deg,#00b900 0%,#06c755 50%,#00b900 100%);border-color:#64ff9666;box-shadow:0 5px 20px #06c75566,0 0 20px #00b9004d}.cta-button-line:hover{color:#fff;background:linear-gradient(135deg,#00d900 0%,#00f566 50%,#00d900 100%);border-color:#64ff96b3;box-shadow:0 8px 30px #06c75599,0 0 30px #00f56666}.cta-button i{font-size:18px}.stats-container{gap:10px;margin-bottom:15px;animation:.8s fadeIn;display:flex}.stat-box{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center;background:linear-gradient(135deg,#1e0a32e6 0%,#321450f2 100%);border:2px solid #ff64c866;border-radius:12px;flex:1;padding:12px;box-shadow:0 4px 20px #00000080,0 0 25px #ff64c833}.stat-icon{color:#fff;margin-bottom:5px;font-size:1.2rem}.stat-icon i{opacity:.9}.stat-value{color:#fff;text-shadow:0 0 10px #ff96dc80;margin-bottom:2px;font-size:1.1rem;font-weight:600}.stat-label{color:#fff;opacity:.8;font-size:.75rem}.stat-box:first-child .stat-icon i{color:#ff69b4;filter:drop-shadow(0 0 10px #ff69b4cc)}.stat-box:nth-child(2) .stat-icon i{color:gold;filter:drop-shadow(0 0 8px #ffd70099)}.stat-box:nth-child(3) .stat-icon i{color:#ff80c0;filter:drop-shadow(0 0 10px #ff80c0b3)}.jackpot-wrapper{background:linear-gradient(135deg,#1e0a32f2 0%,#321450fa 100%);border:2px solid #ff64c880;border-radius:20px;margin-bottom:15px;padding:20px;animation:1s fadeIn;box-shadow:0 10px 40px #0009,0 0 50px #ff64c840}.jackpot-title{text-align:center;background:linear-gradient(135deg,gold,#ffed4e,gold);-webkit-text-fill-color:transparent;text-shadow:0 0 20px #ffd70080;filter:drop-shadow(0 2px 10px #ffd70099);-webkit-background-clip:text;background-clip:text;margin-bottom:15px;font-size:1.6rem;font-weight:700}.jackpot-amount{text-align:center;cursor:pointer;background:linear-gradient(135deg,gold 0%,#ffed4e 50%,orange 100%);border-radius:15px;padding:20px;position:relative;overflow:hidden;box-shadow:0 5px 25px #ffd70080,inset 0 0 30px #ffffff1a}.jackpot-amount:before{content:"";background:linear-gradient(90deg,#0000,#ffffff4d,#0000);width:100%;height:100%;animation:2s infinite shine;position:absolute;top:0;left:-100%}.amount-label{color:#3c1e00e6;margin-bottom:5px;font-size:1rem;font-weight:600}.amount-value{color:#1a0f40;text-shadow:0 2px 8px #ffffff80,0 0 10px #ffd700cc;font-size:2.2rem;font-weight:800}.coin-container{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.coin{color:#fff;z-index:2;background:linear-gradient(45deg,gold,#daa520);border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:14px;font-weight:700;display:flex;position:absolute;box-shadow:0 0 20px #ffd70099}.online-counter-wrapper{justify-content:center;margin:20px 0;animation:1.2s fadeIn;display:flex}.online-counter{background:linear-gradient(135deg,#1e0a32fa 0%,#321450fa 100%);border:2px solid #ff64c880;border-radius:12px;align-items:center;gap:12px;padding:8px 20px;display:flex;box-shadow:0 8px 30px #00000080,0 0 30px #ff64c84d}.counter-left{border-right:2px solid #ff64c833;align-items:center;gap:8px;padding-right:12px;display:flex}.counter-icon{color:#ff69b4;width:26px;height:26px}.counter-number{color:#ff69b4;text-shadow:0 0 15px #ff69b4cc;align-items:center;gap:6px;font-size:20px;font-weight:700;display:flex}.online-indicator{background-color:#0f8;border-radius:50%;width:6px;height:6px;animation:1.5s infinite blink;box-shadow:0 0 12px #0f8c}.counter-text{text-align:left}.counter-label{color:#fff;text-shadow:0 0 8px #ff96dc80;font-size:13px;font-weight:600;line-height:1.2}.counter-sublabel{color:#ff96dccc;font-size:10px}.withdrawal-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#1e0a32f2 0%,#321450fa 100%);border:2px solid #ff64c866;border-radius:20px;margin:20px 0;padding:20px;animation:1.4s fadeIn;box-shadow:0 10px 40px #0009,0 0 40px #ff64c833}.withdrawal-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.withdrawal-title{color:#fff;align-items:center;gap:10px;font-size:18px;font-weight:700;display:flex}.title-icon{color:#ff69b4;background:linear-gradient(135deg,#ff64c84d,#ff329633);border-radius:10px;justify-content:center;align-items:center;width:32px;height:32px;display:flex;box-shadow:0 0 15px #ff69b466}.live-badge{color:#0f8;background:linear-gradient(135deg,#00ff8840,#00e70133);border:1px solid #0f86;border-radius:20px;align-items:center;gap:6px;padding:4px 10px;font-size:11px;font-weight:700;display:flex;box-shadow:0 0 12px #00ff884d}.live-dot{background:currentColor;border-radius:50%;width:6px;height:6px;animation:1.5s infinite blink;box-shadow:0 0 6px}.withdrawal-list{flex-direction:column;gap:10px;display:flex}.withdrawal-row{opacity:0;background:linear-gradient(135deg,#280f3cb3,#3c195a99);border:2px solid #ff64c833;border-radius:16px;align-items:center;gap:15px;padding:12px 16px;transition:all .3s;animation:.5s forwards slideIn;display:flex}.withdrawal-row:hover{background:linear-gradient(135deg,#321446e6,#461e64cc);border-color:#ff64c880;transform:scale(1.02);box-shadow:0 4px 20px #ff64c84d}.bank-icon{background:#1a0830;border-radius:50%;flex-shrink:0;width:42px;height:42px;padding:3px}.bank-icon img{object-fit:contain;border-radius:50%;width:100%;height:100%}.withdrawal-info{flex-direction:column;flex:1;display:flex}.user-name{color:#fff;margin-bottom:2px;font-size:14px;font-weight:600}.withdrawal-meta{color:#b090c0;align-items:center;gap:8px;font-size:11px;display:flex}.bank-code{color:#ff69b4;font-weight:700}.withdrawal-amount-wrap{text-align:right}.withdrawal-amount{color:#fff;font-size:16px;font-weight:800}.withdrawal-status{justify-content:flex-end;align-items:center;gap:4px;margin-top:2px;font-size:11px;font-weight:600;display:flex}.status-pending{color:#ff69b4;text-shadow:0 0 10px #ff69b499}.status-success{color:#0f8;text-shadow:0 0 8px #00ff8880}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{to{opacity:1;transform:translateY(0)}}@keyframes blink{0%,to{opacity:1}50%{opacity:.5}}@keyframes shine{to{left:100%}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes coinBurst{0%{opacity:1;transform:translate(0)scale(1)}to{transform:translate(var(--tx),var(--ty))scale(.3);opacity:0}}@keyframes coinCollect{0%{transform:translate(var(--sx),var(--sy))scale(1);opacity:1}60%{transform:translate(calc(var(--tx)*.7),calc(var(--ty)*.7))scale(.8);opacity:1}to{transform:translate(var(--tx),var(--ty))scale(.4);opacity:0}}@keyframes glow{0%,to{box-shadow:0 0 20px #ff64c866,0 0 40px #ff64c833}50%{box-shadow:0 0 30px #ff64c899,0 0 60px #ff64c84d}}.coin-burst{animation:2s forwards coinBurst}.coin-collect{animation:1s cubic-bezier(.4,0,.2,1) forwards coinCollect}.icon-spin{animation:1s linear infinite spin}@media (max-width:480px){.scroll-buttons,.stat-box{padding:8px}.stat-icon{font-size:1rem}.stat-value{font-size:.9rem}.stat-label{font-size:.7rem}.jackpot-title{font-size:1.4rem}.amount-value{font-size:1.8rem}.withdrawal-row{gap:10px;padding:10px 12px}.bank-icon{width:36px;height:36px}.withdrawal-amount{font-size:14px}}.footer{text-align:center;margin-top:30px;padding:25px 15px;animation:1.6s fadeIn}.footer a{color:#ffc8e6b3;font-size:14px;font-weight:500;text-decoration:none;transition:all .3s;display:inline-block}.footer a:hover{color:#ff69b4;text-shadow:0 0 15px #ff69b499;transform:translateY(-2px)}
