<!--
⠀⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⠟⣴⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⠟⠙⡿⠿⣿⣿⠿⠿⠻⠌⠒⠀⠀⠹⣿⣿⣿⠿⢟⢘⠾⠦⢸⡇⡇⣶⢸⣿⡇⣺
⣿⣿⣿⣿⣿⣿⣿⣿⢹⡁⡟⣴⣿⣟⣿⣿⠟⣿⣿⣿⣿⣿⣿⣿⣿⣿⡟⣹⣿⣿⣿⣿⡿⠋⢁⣰⣷⣐⠷⡘⣏⠀⠀⠀⠀⠀⠀⠀⠀⠈⠉⠀⠀⡈⢌⢲⡷⢨⣁⠇⣰⢸⣿⠀⠹
⣿⣿⣿⣿⣿⣿⣿⣿⢸⡁⠁⣿⣿⣿⡿⢣⣾⣿⣿⣿⣿⣿⡿⢰⢿⣿⠟⠹⠿⢛⣉⣭⣤⣶⣿⣿⣿⣿⣷⣦⢈⠁⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢠⡀⠀⢄⡷⠀⠉⠛⢶⣬⡛⠀⢸
⣿⣿⣿⣿⣿⣏⣿⣿⢸⠀⣠⢿⣿⠟⣠⣿⣿⣿⡟⣻⣿⡿⢃⡻⠋⠀⣴⣾⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣷⡔⠄⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠟⠀⢾⡗⠀⠀⠀⠀⠀⠙⠓⢦
⣿⣿⣿⣿⣿⣿⣟⠿⢀⠄⡎⣜⠋⣰⣿⠛⣸⡷⠃⢉⠟⢡⠞⠐⢁⢬⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣮⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣯⢰⢺⠛⢠⠈⠛⠿⡆⠰⠀⠀
⣿⣿⣿⣿⣿⣿⣿⣿⠈⠀⠕⠁⠏⠐⠁⠐⠋⠀⠐⠉⠀⠀⣀⡤⣢⣾⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣯⢢⠀⠀⠀⠀⠀⠀⠀⠀⠹⢸⣹⠛⠈⢸⢸⣿⢀⠀⡆⣤
⣿⣿⣿⣿⣿⣿⣿⣿⢁⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⡠⢪⠿⠛⢉⣀⣀⣀⣀⣉⣻⣿⣿⣿⣿⣿⣿⣿⣿⡿⠟⠋⠉⠉⠛⢷⡄⠀⠀⠀⠀⠀⠀⠀⢬⣙⠉⢰⢈⢸⣿⢸⠀⡇⣿
⣿⣿⣿⣿⣿⣿⣿⣿⠸⡀⠀⠀⠀⠀⠀⠀⠀⠀⡠⢊⣴⣥⠶⠾⠿⣿⠿⠿⢿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣷⣶⣿⣿⣿⣶⢀⢹⡀⠀⠀⠀⠀⠀⠀⢠⢹⠃⢸⢸⢸⢺⢈⠀⣿⣿
⣿⣿⣿⣿⣿⣿⣿⣿⡆⣅⠀⢀⡀⠀⠀⣀⣀⢎⣒⣭⠵⣂⣬⠿⣖⣒⣛⡭⢄⣒⠍⠻⣿⣿⣿⣿⣿⣿⠿⡛⠭⠙⠂⣐⣒⡒⠭⣁⠀⠀⠀⠀⣂⠀⢸⢸⡏⢸⢸⣸⢸⢸⠀⣿⣿
⣿⣿⣿⣿⣿⣿⣿⠮⠅⠀⢀⠟⠿⣦⢛⠛⠃⠸⣿⢣⣮⣟⠕⠈⠀⠀⢤⡉⠢⣽⣷⣄⢌⠿⠿⡿⠿⡡⣨⠊⠁⢈⣉⠒⠝⡇⡇⠀⢻⢲⠀⠀⠏⣴⢨⡀⣀⢠⣈⣚⠺⠜⡀⣿⣿
⣿⡿⢫⠭⠍⠒⠒⠋⠀⣠⢸⢸⣷⠙⠈⠀⢸⣷⢸⢸⣟⠁⣴⠁⠁⠀⢸⣷⢰⣿⣿⣿⢸⢛⣭⣭⢰⢱⠏⠀⠀⠀⢱⣅⢀⡹⠁⠁⠸⠀⠀⠀⠸⢿⢘⡁⣤⠀⠉⠉⠛⠛⠶⢮⣬
⣿⣧⠀⢀⣀⡠⠠⠠⠀⠻⠄⢇⢇⢿⡀⠀⠸⣿⡗⢸⣿⣷⡹⠌⠳⠆⡼⢋⣾⣿⣿⠋⠈⢨⣶⣶⢈⢸⡘⠰⡤⢂⣾⢏⣾⠇⠀⠀⠀⠀⠀⠀⢳⣾⢸⡀⣤⠠⠤⣶⢰⠀⠀⠀⠀
⣿⣿⣴⣶⣶⣿⣿⣿⠃⢋⣴⠆⣨⡌⣓⠀⠀⢿⣷⡀⢻⣿⣿⣷⣶⡶⣿⣿⣿⣿⡇⠀⢀⣿⣿⣿⠀⠘⣿⣶⣬⣴⣦⣹⡟⠀⠀⠀⠀⠀⠀⠀⡄⣿⢸⡄⢤⢀⠃⡍⢸⠈⠁⡔⣶
⢿⣿⣿⣿⣿⣿⣿⣿⡇⣸⢉⣸⣿⣡⣶⢖⣤⡘⣽⣷⣄⠈⠙⢿⣿⣿⣿⡿⠛⠉⣢⣶⣿⣿⣿⡿⠇⣄⠘⠻⣿⣿⣿⠯⠇⠀⠀⠀⠀⢀⠎⡰⢡⣿⢸⡄⠤⣨⡁⡇⢸⠀⠀⡇⣿
⠿⣿⣿⣿⣿⣿⣿⣿⡇⡉⡇⣿⡇⣿⣿⢇⣭⣥⡀⢿⣿⣿⣶⣦⣤⣤⣤⣤⣶⣿⣿⣿⣿⣄⡰⠊⣚⣡⣿⣶⣤⣤⡄⣤⡄⠀⠀⠀⢠⣭⣾⣶⣿⣿⢸⠄⠦⣿⠃⡇⢘⠀⡀⠇⣿
⠽⢿⣿⣿⣿⣿⣿⣿⡇⡁⡇⣿⢡⣿⡏⣾⣿⡇⡿⠌⢿⣿⣿⣿⣿⣿⣿⢿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⢧⡿⢡⡀⠰⣦⣈⣉⣸⣿⣿⣿⢸⠆⠶⣿⠀⡆⠈⠀⡇⡇⣿
⣿⣿⣿⣿⣿⣿⣿⣿⡇⠃⢡⡿⣸⡿⣱⣿⣿⡇⠰⠇⢊⢻⣿⣿⣿⣿⣷⣦⣝⠛⣻⡻⠿⠿⠿⢿⢟⣫⣽⣿⣿⢏⡾⢡⣭⣭⣄⣀⡩⣭⣍⣛⣛⣛⣸⠇⠶⣿⠀⡄⠀⠀⡇⡇⣿
⣿⣿⣿⣿⣿⣿⣿⣿⡇⠄⢾⣷⣿⣿⣿⣿⣿⣶⣥⣼⡥⣑⠙⣿⣿⣿⣿⣿⣿⣷⣮⡍⠛⡛⣫⣽⣿⣿⣿⠿⣡⢎⣰⣿⣿⣿⣿⣿⢃⣿⢛⢟⡿⢻⣿⣿⣷⣶⣤⣐⠶⡷⣤⣥⣭
⣿⣿⣿⣿⣿⣿⣿⣿⡇⠶⢠⣝⠿⡻⢿⣿⣿⣿⣿⣿⣿⣮⡻⣮⡙⢿⣿⣿⣿⣿⣿⣿⣭⣤⣿⣿⣿⢟⠡⠊⣴⣿⢸⣿⣿⣿⡿⢣⣾⠋⣮⢊⣴⡿⣻⣿⣿⣿⣿⣿⣷⡄⢀⣀⣂
⣭⣿⣿⣿⣿⣿⣿⣿⡇⠠⠘⣥⣶⣬⡳⢮⣝⠻⣿⣿⣿⣿⣷⣼⣿⡆⢝⠻⣿⣿⣿⣿⣿⣿⠿⡫⢐⣥⠞⢸⣿⡟⢸⣿⣿⢏⣴⡿⠖⢗⡣⢻⢋⡞⣿⡿⢛⣯⣿⣿⡿⣿⣆⢛⣻
⣿⣿⣿⣿⣿⣿⣿⣿⡇⢢⡾⣫⢖⣭⡞⣦⣝⠻⣮⣝⢿⣿⣿⣿⣿⣿⢈⣭⣔⠬⣝⣛⣋⣠⣥⣾⡿⣫⡆⣾⣿⡇⡾⢛⠵⣛⠋⡁⡸⡸⢡⣡⢿⡿⣩⡾⣛⣿⣿⣿⣿⣷⣼⡞⢸
⣶⣿⣿⣿⣿⣿⣿⡿⡱⡟⡼⡁⣩⠟⣃⠟⠉⠸⣮⣙⣸⣿⣿⣿⣿⡿⠈⢿⣿⣿⣦⣭⣛⣛⣛⣯⣾⣿⣇⣿⣿⡇⠴⣿⡿⠋⢀⢂⢃⢃⢿⣡⠟⡼⣫⣾⣽⣿⣿⣿⣿⣿⣿⣧⢸
⣿⣿⣿⣿⣿⣿⣿⢁⣸⣼⣼⢷⡈⣾⡿⠀⠀⠀⠀⠙⠿⢿⣿⣿⣿⠃⠃⡦⡻⢿⣿⣿⣿⣿⣿⣿⠟⣋⢸⣿⣿⢇⡸⣋⡄⠇⡌⡀⣘⣼⢹⠏⡞⡄⣿⣿⣿⣿⣿⣟⡿⢸⣿⣿⢸
⣿⣿⣿⣿⣿⣿⡏⣾⣿⣷⣿⡿⣸⢀⠰⠀⠀⠀⠀⠀⣸⡖⠀⠉⠁⠀⠀⠇⡿⢒⠫⠭⢭⢭⠩⢶⠈⡬⢸⣿⣿⠀⣾⢸⢣⣧⡆⡆⣨⡇⡟⣼⣿⣧⢿⣿⣿⣿⣽⢸⣇⣿⣸⢸⢸
⠾⣿⣿⣿⣿⡿⠇⡟⡟⣛⠿⣧⣯⣿⢷⣜⠲⣄⡠⢄⣛⡃⠀⠀⠀⠀⣾⡠⠁⠘⠄⠀⠐⠀⠧⠲⢂⡄⣿⣿⡟⠀⡇⣾⢰⣹⣧⡄⣸⢰⠃⣿⢾⢷⣿⢻⡇⣻⣿⣿⣿⡿⣿⡏⡎
⣭⣭⣿⣿⣿⡇⣱⡰⠡⢋⣾⣤⠍⡿⠿⣿⣿⣶⣭⣑⣲⡽⠿⠟⠠⢸⣿⣇⢖⠱⡄⣦⣴⢰⡆⣿⢸⢁⣿⣿⡇⣦⣇⣿⣾⣿⡟⠇⢸⢿⢸⢿⣣⡷⣻⣽⣏⣿⡿⢛⣻⡋⣜⠵⡇
⣿⣿⣿⣿⡿⢡⢡⢡⠏⣽⢻⠇⣸⡴⣧⡙⡿⢇⣿⢳⡟⣻⢾⡟⡈⡘⣿⣿⡘⡄⡀⡛⢻⣸⣧⣿⢸⢸⣿⣿⣇⣿⣿⣿⣿⣾⣿⣼⠘⡈⡌⣿⡿⣹⣼⣿⣟⣭⣶⣿⣿⡇⣿⢀⠇
⣿⣿⣿⣿⢣⢇⡏⡿⣼⢇⠟⡔⡼⣰⢏⣾⢢⡴⣈⣉⣑⢏⣚⡁⡄⣇⢻⣿⣇⠧⢀⣹⢸⣿⣿⣿⣾⢸⣿⣿⢻⣿⣿⣿⣿⣿⣿⣇⠆⠃⠃⠃⠓⣿⣿⣿⣿⣿⣿⣿⣿⣇⢿⣼⡂
⣿⣿⣿⢏⠜⡼⣻⢁⡟⢈⠞⡴⣡⠟⣾⢣⡿⣱⡟⢿⢇⡛⡹⠁⡇⢹⡜⣿⣿⡀⣻⢸⣿⣿⣿⣿⡹⣿⣿⣿⢸⢿⣿⣿⣿⣿⣿⢿⡆⠃⠀⠀⢧⣿⣿⣯⣿⣿⣿⣿⣿⣿⢿⣽⡇
⣟⡁⡟⡰⢱⢃⡟⡼⣡⢋⡞⣱⢟⣾⢣⣿⣡⡟⣈⢎⡞⣸⠃⠇⣇⢸⣧⢹⣿⢷⢻⠘⣿⣟⣿⢻⡇⣿⣿⡟⢸⣼⣿⣿⣿⣟⣿⣸⣇⢄⡄⠀⢸⣿⢿⣿⣿⣿⣿⣿⣟⣿⢸⣿⣄
⢱⡆⢣⢇⣿⡼⢋⠔⣩⢏⣼⢫⣾⣵⡿⣡⡿⡹⡏⡼⢰⠇⠆⠄⠱⢸⡏⡎⣿⢸⡆⣇⣧⣿⣿⠺⡇⣿⣿⡇⣾⣻⣿⣿⣿⣿⣿⡏⣿⡈⣧⠀⢸⣿⣾⡿⣿⢻⣿⣿⣿⣿⢸⣿⣿
⢸⠀⣞⣨⢄⡴⣫⡾⣡⡿⣱⡿⣫⡿⣡⣿⣱⡟⣰⢇⡏⠀⠀⠨⡸⠍⣷⢸⠸⣸⣿⡀⢿⢿⣻⡇⡇⣿⣿⡇⣿⣿⣿⣿⣿⣿⣼⣷⢸⣷⠡⢄⠸⣿⢹⣿⣿⣿⣿⣿⣷⣿⢸⡿⣿
⢏⣼⠟⣡⠟⣵⠟⣴⠟⣱⡿⣱⡿⣱⣿⢣⣿⢱⡏⣬⠁⠀⠀⠈⠀⢀⢡⡆⢧⢹⣿⣷⢲⠘⣿⣇⡃⣿⣿⡇⢹⣿⣿⢿⡏⣿⣿⣿⡏⣿⡆⢛⠀⣿⢸⣿⣿⣿⣿⣿⣿⣿⣼⡏⣿
⣾⣧⣼⢣⡾⢣⣾⣏⣾⡿⣴⡿⢡⣿⢣⣿⢃⡿⢹⠃⠀⠀⠀⠠⡀⡄⢄⢳⡘⡎⣿⣿⡆⣇⢦⢿⡇⣿⣿⡇⠸⡟⣿⣿⣿⣿⣿⢻⣷⢛⡑⢴⠀⣿⣾⣿⣿⣿⣿⣿⣿⢻⣿⣷⡏
⣽⣽⣣⡿⣱⣿⢋⣾⡟⣶⣿⢡⣿⢃⣯⢏⣾⢣⡟⠀⠀⠀⠀⠀⠰⣌⠎⢣⡙⣸⠸⣿⣿⡘⡌⣌⡇⡛⢻⡇⠞⣧⢹⡏⢿⠄⢿⡜⣟⡘⣷⠀⠀⣩⢿⡟⣛⣭⣿⢿⡟⣿⣿⡟⣧
⣿⣿⡿⢱⣿⢣⣿⠟⣼⣿⣡⣿⢋⢊⠏⣼⢇⣾⢁⠂⠀⠀⢠⡀⠱⣬⣐⠆⡹⢬⣧⢻⣿⣧⠉⠌⡀⣇⣐⡇⢂⠐⠊⠉⠀⢇⠀⠄⠙⠃⠋⠠⠀⣟⣥⡇⣿⣽⣿⣾⣧⣿⣿⡇⡿
⣿⣿⣧⣿⢣⣿⢏⣾⣿⣽⣿⢋⣾⠟⣼⢏⡞⠀⣾⣧⡄⠀⠀⠙⠿⢿⣿⣷⡠⣈⠊⠆⣛⣥⡆⠁⠄⣿⣿⡇⠀⡀⠀⠀⠀⠀⠀⠀⠀⠀⠰⠆⣦⢸⣿⣿⣿⣿⣿⣿⣷⣿⣿⡇⡇
⢻⣿⣿⢇⣾⢏⣾⡿⣹⣿⢻⣿⣿⣼⢏⠞⡐⢸⣿⡿⠃⠀⣼⣿⡿⢟⣫⡥⣴⢈⠀⠰⠘⣿⣿⡀⠀⢸⡿⣧⢠⡴⡆⠀⠀⠀⠀⡐⡆⠘⠀⡵⣢⣴⣿⠿⣴⣮⣽⣛⣿⣿⣿⣿⣿
⡸⣿⣯⣾⢏⣾⡟⣰⡿⢣⣿⢏⣾⢣⠞⠜⣀⣿⣯⣬⡴⢟⣫⣵⣾⣿⡿⣋⡙⠟⡴⡄⣀⠹⣿⣷⠹⢸⣿⣿⠘⣇⢰⡸⢆⠀⡀⠀⠀⠜⣢⣥⣍⣉⠬⣨⣕⠸⢟⢿⣷⣿⣿⣹⢿
⣧⢹⣿⣏⣼⠟⣼⡟⣱⡿⣣⡞⣱⡋⢊⡄⣋⣟⣫⣵⣾⣿⣿⣿⠿⡏⡔⣰⣡⣆⣀⡣⠰⠧⠻⠿⢇⣈⣛⣛⣈⣭⣥⣶⣶⣶⣶⣻⣿⣾⣭⣙⠻⣿⣷⣌⠙⢬⡛⢸⣿⣿⡿⢹⠸
⣿⣧⡹⣿⣷⣾⢏⣼⢟⡴⣋⡾⢋⠠⣬⡅⣉⣛⡿⠿⢿⠿⠛⠡⠬⠅⠭⠶⠀⢴⣶⣶⣿⣿⡿⠿⠿⠿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣽⣿⣿⣿⣮⣾⣿⣿⣿⣆⢳⣸⡿⣿⡇⣿⡇
⣯⣝⣳⣌⠛⠿⠟⠵⠟⣃⡥⠶⢿⡷⣶⠷⣪⣽⣷⣶⣶⣶⣶⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣶⣶⣯⣍⣛⠿⢿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣾⣿⣿⣿⣿⠟⣼⠿⣹⣿⠃
⣿⣝⣳⣮⣵⣶⣤⡜⠛⣒⡿⠷⠶⣋⣴⣿⣿⣿⣿⣟⣛⣿⠛⣟⣿⣿⣿⢿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣶⣍⠻⣯⣽⣛⣛⣛⣛⣻⣛⣛⣫⣽⣶⣿⢟⣴⡿⡉⠀
⣿⣿⣮⣿⣿⣟⠿⣿⣷⡶⢉⣵⣾⣿⣿⣿⣿⣿⡯⢭⣽⠍⠡⡽⢵⣇⣀⣛⢘⣿⠿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣏⣿⣮⡉⣭⣿⣛⣛⣛⣛⣛⣛⣉⣩⣴⣿⠞⡳⠁⠀
⣿⣿⣷⣦⣭⣛⣿⢗⣨⣾⣿⣿⣿⣿⣿⣿⡏⣯⣽⠫⠭⢦⣖⣊⢸⣭⣓⣚⡟⠿⢿⣷⣬⣝⣻⣿⣿⣿⣿⣿⣿⣿⣿⣿⢿⣾⣿⣿⣿⢌⣻⡭⣭⣭⣭⣽⣛⡻⢿⣯⣔⠼⠃⠀⠀
⣿⣿⣭⣿⠿⣫⣴⣿⣿⣿⣿⣿⠿⠿⠵⣧⢴⣖⣒⣲⣶⣿⣿⣿⣿⣿⣿⣿⣿⣿⣷⣤⣽⣛⠿⣿⣯⡙⠿⣿⣿⣿⢟⣵⣿⣿⣿⡿⣫⣾⢏⣾⣿⣿⣿⣿⣿⣿⣿⣶⣤⣀⠀⠀⠀
⣿⡿⢂⣵⣿⣿⣿⣿⣿⡿⠿⢭⠭⢭⠭⢯⣾⣛⣓⣞⢿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣷⣮⡙⢿⣶⣌⠻⣣⣾⣿⣿⣿⢏⣴⡟⣡⣯⣏⡛⠛⢿⢿⣿⣿⣿⣿⣿⣿⣿⣦⣝
⣭⣾⣿⣿⣿⣿⣿⣿⣿⣿⣿⣏⣉⣉⣲⣶⣧⣶⣽⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣦⣽⢋⣼⣿⣿⣿⡿⣡⡿⢫⣾⡓⣶⠭⣅⣲⠷⣶⣬⣹⠿⣿⣿⣿⣿⣿⣿
⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣷⣿⣿⣿⡿⢏⣼⢟⣵⣿⣶⣭⣍⣰⠺⣭⡗⠶⣌⣻⣷⣬⣿⣿⣿⣿⣿
-->
<!DOCTYPE html>
<html lang="id">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=1024"> 
    <title>HEBOHWIN99 - Destinasi Tempat Bermain Paling Seru | Flash Sale Kemenangan Hari Ini</title>
    <link rel=link rel="canonical" href="https://hebohyaa.pages.dev/"
    <link rel="icon" href="https://i.ibb.co/Nnj0Ytpb/Screenshot-2026-01-08-042940-removebg-preview.png" type="image/x-icon">

    <style>
        :root {
            --shopee-yellow: #FFD700; 
            --gold-gradient: linear-gradient(180deg, #FFD700 0%, #FDB813 100%);
            --shopee-orange: #ee4d2d;
            --white: #ffffff;
            --bg-gray: #f5f5f5;
            --black-3d: #222;
            --yellow-3d: #ffcc00;
            --neon-yellow: #fff000;
            --lightning-color: rgba(255, 255, 100, 0.9);
            --gold-frame: linear-gradient(135deg, #bf953f, #fcf6ba, #b38728, #fbf5b7, #aa771c);
        }

        body {
            font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
            margin: 0; padding: 0;
            background-color: var(--bg-gray);
            padding-bottom: 100px;
            overflow-x: auto;
            min-width: 1024px;
        }

        #bg-canvas {
            position: fixed; top: 0; left: 0; width: 100%; height: 100%;
            z-index: -1; background: radial-gradient(circle, #222 0%, #000 100%);
        }

        .brand-gif {
            position: fixed; top: 80px; left: 10px; z-index: 1002; 
            width: 80px; filter: drop-shadow(0 2px 5px rgba(0,0,0,0.3));
        }
        .brand-gif img { width: 100%; border-radius: 50%; border: 2px solid var(--white); }

        header {
            background: var(--gold-gradient); padding: 10px 0;
            position: sticky; top: 0; z-index: 1000; box-shadow: 0 2px 5px rgba(0,0,0,0.1);
        }
        .header-top {
            max-width: 1200px; margin: 0 auto; display: flex; justify-content: space-between;
            align-items: center; padding: 0 15px; font-size: 11px; color: #000;
        }
        .search-container {
            max-width: 1200px; margin: 10px auto; display: flex; align-items: center; gap: 15px; padding: 0 15px;
        }
        .search-bar {
            flex: 1; background: white; height: 38px; display: flex; align-items: center; padding: 0 10px; border-radius: 2px;
        }
        .search-bar input { border: none; width: 100%; outline: none; font-size: 14px; }

        .ticker-container {
            background: #222; color: var(--shopee-yellow); padding: 6px 0; font-size: 12px; overflow: hidden;
        }
        .ticker-text { display: inline-block; white-space: nowrap; animation: marquee 30s linear infinite; }
        @keyframes marquee { 0% { transform: translateX(100%); } 100% { transform: translateX(-100%); } }

        .flash-sale-bar {
            background: white; max-width: 1000px; margin: 10px auto;
            padding: 12px 20px; display: flex; align-items: center;
            justify-content: space-between; border-bottom: 3px solid var(--shopee-yellow);
        }
        .time-unit { background: #333; color: white; padding: 3px 6px; border-radius: 3px; font-weight: bold; }

        .product-container {
            max-width: 1000px; margin: 10px auto;
            background: rgba(255, 255, 255, 0.95); display: flex; flex-wrap: nowrap;
            padding: 20px; box-shadow: 0 1px 2px rgba(0,0,0,0.1); border-radius: 8px;
        }

        .frame-3d-wrapper {
            position: relative;
            padding: 12px;
            background: var(--gold-frame);
            border-radius: 10px;
            box-shadow: inset 0 0 10px rgba(0,0,0,0.5), 0 10px 20px rgba(0,0,0,0.4), 0 4px 6px rgba(0,0,0,0.2);
            transform: perspective(1000px) rotateX(2deg);
        }

        .product-image { flex: 1; min-width: 350px; position: relative; padding: 10px; border-radius: 8px; background: #fff; }
        .neon-box { position: relative; overflow: hidden; border-radius: 4px; }
        .neon-box::before {
            content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%;
            border: 4px solid var(--neon-yellow); border-radius: 4px;
            box-shadow: 0 0 15px var(--neon-yellow), inset 0 0 10px var(--neon-yellow);
            filter: blur(1px); z-index: 5; animation: neon-running 4s linear infinite; pointer-events: none;
        }
        .slider-wrapper { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; scroll-behavior: smooth; border-radius: 5px; }
        .slider-wrapper::-webkit-scrollbar { display: none; }
        .slide { min-width: 100%; scroll-snap-align: start; }
        .slide img { width: 100%; display: block; border-radius: 5px; }
        .slider-dots { position: absolute; bottom: 20px; left: 50%; transform: translateX(-50%); display: flex; gap: 8px; z-index: 10; }
        .dot { width: 8px; height: 8px; background: rgba(0,0,0,0.2); border-radius: 50%; transition: 0.3s; }
        .dot.active { background: var(--shopee-orange); width: 20px; border-radius: 10px; }
        .discount-tag { position:absolute; top:10px; right:10px; background:var(--shopee-yellow); padding:8px; font-weight:bold; border-radius:50%; font-size:11px; text-align:center; box-shadow:0 2px 4px rgba(0,0,0,0.2); z-index:10; }

        @keyframes neon-running {
            0% { clip-path: inset(0 0 95% 0); }
            25% { clip-path: inset(0 0 0 95%); }
            50% { clip-path: inset(95% 0 0 0); }
            75% { clip-path: inset(0 95% 0 0); }
            100% { clip-path: inset(0 0 95% 0); }
        }

        .short-article { margin-top: 15px; padding: 12px; background: #fdfdfd; border-radius: 6px; border: 1px solid #eee; }
        .short-article h4 { margin: 0 0 8px 0; color: var(--shopee-orange); font-size: 14px; }
        .short-article p { margin: 0; font-size: 12px; color: #666; line-height: 1.6; text-align: justify; }

        .product-details { flex: 1.5; padding: 0 20px; min-width: 400px; }
        .price-box { background: #fff9e6; padding: 20px; margin: 15px 0; border-radius: 4px; }

        .btn-group { display: flex; gap: 15px; margin-top: 25px; }
        .btn-3d {
            flex: 1; position: relative; padding: 15px; text-align: center;
            text-decoration: none; font-weight: 900; font-size: 16px;
            border-radius: 8px; text-transform: uppercase; display: inline-block;
            cursor: pointer; overflow: hidden;
        }
        .btn-3d::after {
            content: ''; position: absolute; top: -50%; left: -50%; width: 200%; height: 200%;
            background: repeating-linear-gradient(-45deg, transparent, transparent 10px, var(--lightning-color) 10px, var(--lightning-color) 20px);
            filter: blur(2px); opacity: 0; z-index: 1; transform: skewX(-20deg); animation: lightning-strike 4s linear infinite;
        }
        @keyframes lightning-strike {
            0% { opacity: 0; transform: skewX(-20deg) translateY(-100%); }
            5% { opacity: 1; transform: skewX(-20deg) translateY(0%); }
            10% { opacity: 0; transform: skewX(-20deg) translateY(100%); }
            12% { opacity: 1; transform: skewX(-20deg) translateY(0%); }
            15% { opacity: 0; transform: skewX(-20deg) translateY(100%); }
            100% { opacity: 0; transform: skewX(-20deg) translateY(100%); }
        }
        .btn-3d span { position: relative; z-index: 2; }
        .btn-log-3d { background: #000; color: #ffcc00; border: 2px solid #ffcc00; box-shadow: 0 6px 0 #444; }
        .btn-reg-3d { background: #ffcc00; color: #000; border: 2px solid #000; box-shadow: 0 6px 0 #b38f00; }

        .info-transaksi { margin-top: 15px; display: flex; gap: 10px; }
        .trans-box { flex: 1; background: #222; color: #fff; padding: 10px; border-radius: 6px; text-align: center; border: 1px solid var(--shopee-yellow); }
        .trans-box span { display: block; font-size: 10px; color: var(--shopee-yellow); text-transform: uppercase; }
        .trans-box strong { font-size: 16px; color: #fff; }

        .section-box { max-width: 1000px; margin: 15px auto; background: rgba(255, 255, 255, 0.95); padding: 20px; border-radius: 8px; }
        .section-title { border-bottom: 2px solid var(--shopee-yellow); padding-bottom: 8px; margin-bottom: 15px; font-size: 16px; text-transform: uppercase; }
        
        /* MODUL AUTOSCROLL KOMENTAR */
        .comment-container { height: 250px; overflow: hidden; position: relative; }
        .comment-track { position: absolute; width: 100%; animation: scroll-comment 20s linear infinite; }
        .comment-track:hover { animation-play-state: paused; }
        @keyframes scroll-comment { 
            0% { top: 0; } 
            100% { top: -100%; } 
        }

        .review-item { padding: 15px 0; border-bottom: 1px solid #eee; display: flex; gap: 12px; }
        .review-avatar { width: 40px; height: 40px; border-radius: 50%; overflow: hidden; background: #ddd; flex-shrink: 0; }
        .review-avatar img { width: 100%; height: 100%; object-fit: cover; }
        .review-main { flex: 1; }
        .review-user { font-weight: bold; font-size: 13px; color: #333; margin-bottom: 2px; }
        .review-stars { color: #ffcc00; font-size: 10px; margin-bottom: 5px; }
        .review-text { font-size: 13px; color: #444; line-height: 1.4; }
        .review-date { font-size: 11px; color: #999; margin-top: 5px; }

        .footer-info-section {
            max-width: 1000px; margin: 20px auto; background: rgba(255, 255, 255, 0.95);
            padding: 20px; border-radius: 8px; display: grid; grid-template-columns: 1fr 1fr; gap: 20px;
        }
        .info-box h4 {
            font-size: 14px; color: #555; margin-bottom: 15px; text-transform: uppercase;
            border-left: 3px solid var(--shopee-orange); padding-left: 10px;
        }
        .logo-grid { display: flex; flex-wrap: wrap; gap: 10px; }
        .logo-item {
            width: 60px; height: 35px; background: #fff; border: 1px solid #eee;
            border-radius: 4px; display: flex; align-items: center; justify-content: center;
            padding: 5px; filter: grayscale(20%); transition: 0.3s;
        }
        .logo-item img { max-width: 100%; max-height: 100%; object-fit: contain; }

        @media (max-width: 768px) { 
            .product-container { flex-direction: row !important; } 
            .btn-group { flex-direction: row !important; } 
            .footer-info-section { grid-template-columns: 1fr 1fr !important; }
        }

        details { padding: 12px 0; border-bottom: 1px solid #eee; }
        details summary { cursor: pointer; font-weight: bold; font-size: 14px; display: flex; justify-content: space-between; }
        .notif-popup {
            position: fixed; bottom: 90px; left: 15px; background: white;
            padding: 10px 15px; border-radius: 30px; display: none;
            box-shadow: 0 4px 15px rgba(0,0,0,0.2); z-index: 999; font-size: 12px;
        }
        .mobile-nav {
            position: fixed; bottom: 0; width: 100%; background: white;
            display: flex; justify-content: space-around; padding: 12px 0;
            box-shadow: 0 -2px 10px rgba(0,0,0,0.1); z-index: 1001;
        }
        .nav-item { text-align: center; font-size: 11px; text-decoration: none; color: #666; }
    </style>
</head>
<body>

    <canvas id="bg-canvas"></canvas>

    <div class="brand-gif">
        <a href="https://hebohyaa.pages.dev/"><img src="https://smart-gaming.sgp1.digitaloceanspaces.com/hebohwin88/images/setting-logo/1/1R9ZQsBCTtiulVKK.gif" alt="HEBOHWIN99"></a>
    </div>

    <header>
        <div class="header-top">
            <div>Seller Centre | Download | Ikuti kami di <span style="font-weight:bold;">FB IG</span></div>
            <div>Bantuan | Daftar | Login</div>
        </div>
        <div class="search-container">
            <a href="#" style="text-decoration:none; color:#000; font-weight:bold; font-size:20px;">🛒 HEBOHWIN99</a>
            <div class="search-bar">
                <input type="text" placeholder="Cari Paket JP Heboh Di Sini...">
                <button style="background:var(--shopee-orange); border:none; padding:8px 15px; color:white; border-radius:2px;">🔍</button>
            </div>
        </div>
    </header>

    <div class="ticker-container">
        <div class="ticker-text">
            👑 "Selamat Datang di Hebohwin99! Daftar sekarang dan klaim bonus member baru serta promo menarik setiap harinya. Raih kesempatan menang besar bersama kami hari ini!"
        </div>
    </div>

    <div class="flash-sale-bar">
        <div style="color: var(--shopee-orange); font-weight: bold; font-style: italic; font-size: 20px;">⚡HEBOHWIN99⚡</div>
        <div style="display:flex; gap:5px; align-items:center; font-size:14px;">
            <span>Berakhir Dalam</span>
            <span class="time-unit" id="hour">02</span> : <span class="time-unit" id="min">45</span> : <span class="time-unit" id="sec">12</span>
        </div>
    </div>

    <div class="product-container">
        <div class="product-image">
            <div class="frame-3d-wrapper">
                <div class="neon-box">
                    <div class="discount-tag">OFF<br>99%</div>
                    <div class="slider-wrapper" id="mainSlider">
                        <div class="slide"><img src="https://i.ibb.co/6JYJ9qpg/wmremove-transformed-1.jpg" alt="Slide 1"></div>
                        <div class="slide"><img src="https://i.ibb.co/6JYJ9qpg/wmremove-transformed-1.jpg" style="filter: hue-rotate(90deg);" alt="Slide 2"></div>
                        <div class="slide"><img src="https://i.ibb.co/6JYJ9qpg/wmremove-transformed-1.jpg" style="filter: brightness(1.2);" alt="Slide 3"></div>
                    </div>
                    <div class="slider-dots"><div class="dot active"></div><div class="dot"></div><div class="dot"></div></div>
                </div>
            </div>
            
            <div class="short-article">
                <h4>HebohWin99:</h4>
                <p>HebohWin99 adalah situs penyedia permainan daring terlengkap yang menawarkan kemudahan menang dan bonus melimpah. Dikenal sebagai situs paling gampang diakses dan transparan, HebohWin99 berkomitmen memberikan pelayanan terbaik dengan sistem transaksi tercepat. Bergabunglah sekarang dan rasakan sensasi kemenangan yang belum pernah kamu rasakan sebelumnya!</p>
            </div>
        </div>

        <div class="product-details">
            <span style="background:var(--shopee-orange); color:white; padding:2px 5px; font-size:10px; font-weight:bold; border-radius:2px;">MALL-JACKPOT</span>
            <h1 style="font-size: 20px; margin: 10px 0;">HebohWin99: Situs Paling Gampang Menang & Banjir Bonus Setiap Hari!</h1>
            <div class="price-box">
                <span style="text-decoration: line-through; color: #929292; font-size: 14px;">Rp 2.000.000</span>
                <div style="display: flex; align-items: center; gap: 10px;">
                    <span style="color: var(--shopee-orange); font-size: 34px; font-weight: bold;">Rp 10.000</span>
                    <span style="background: #fbebed; color: var(--shopee-orange); border: 1px solid var(--shopee-orange); padding: 2px 5px; font-size: 11px; font-weight:bold;">HARGA SPESIAL</span>
                </div>
            </div>
            <div class="btn-group">
                <a href="https://hebohyaa.pages.dev/" class="btn-3d btn-log-3d"><span>MASUK SEKARANG</span></a>
                <a href="https://hebohyaa.pages.dev/" class="btn-3d btn-reg-3d"><span>DAFTAR SEKARANG</span></a>
            </div>

            <div class="short-article" style="margin-top:20px; border-style: dashed;">
                <h4>✅ Eksklusivitas Tanpa Batas Keunggulan Menjadi Member VIP Hebohwin99:</h4>
                <ul style="font-size:12px; padding-left:20px; color:#444;">
                    <li>Bagi para pemain yang mencari pengalaman hiburan digital yang lebih dari sekadar standar, status VIP di Hebohwin99 adalah kuncinya. Program ini dirancang khusus untuk memberikan apresiasi lebih bagi pemain setia melalui berbagai fitur premium yang tidak bisa diakses oleh member reguler.
                </ul>
            </div>

            <div class="info-transaksi">
                <div class="trans-box">
                    <span>Minimal Deposit</span>
                    <strong>Rp 10.000</strong>
                </div>
                <div class="trans-box">
                    <span>Minimal Withdraw</span>
                    <strong>Rp 35.000</strong>
                </div>
            </div>
        </div>
    </div>

    <div class="section-box">
        <h3 class="section-title">Pertanyaan Sering Diajukan (FAQ)</h3>
        <details open>
            <summary>Bagaimana cara mendaftar akun? <span>▼</span></summary>
            <p>Klik tombol "Daftar" di halaman utama.

Isi formulir pendaftaran dengan data yang valid (Username, Kata Sandi, Nomor Rekening, dll).

Klik konfirmasi dan akun Anda langsung siap digunakan!</p>
        </details> 
        <details open>
          <summary>Berapa minimal deposit dan withdraw?? <span>▼</span></summary>
          <p>Minimal Deposit: Rp 10.000,-

Minimal Withdraw: Rp 35.000,-</p>
        </details>
        <details open>
           <summary>Berapa lama proses deposit dan penarikan dana? <span>▼</span></summary>
           <p>Deposit: Rata-rata 1–3 menit setelah dana terverifikasi.

Withdraw: Rata-rata 3–7 menit (tergantung antrean dan jadwal bank operasional).</p>
        </details>
        <details open>
          <summary>Apakah ada promo atau bonus untuk member baru? <span>▼</span></summary>
           <p>Pasti! Kami menyediakan Bonus New Member, Bonus Deposit Harian, hingga Cashback mingguan. Silakan cek menu "Promosi" untuk melihat detail penawaran terbaru.</p>
        </details> 
        
    </div>

    <div class="section-box">
        <h3 class="section-title">Komentar Member Terkini (Live)</h3>
        <div class="comment-container">
            <div class="comment-track" id="commentTrack">
                <div class="review-item">
                    <div class="review-avatar"><img src="https://i.pravatar.cc/100?u=1" alt="User"></div>
                    <div class="review-main">
                        <div class="review-user">Rian_Hidayat***</div>
                        <div class="review-stars">★★★★★</div>
                        <div class="review-text">Gila beneran gacor paketnya! Baru daftar langsung dikasih wd 5jt.</div>
                        <div class="review-date">Baru saja</div>
                    </div>
                </div>
                <div class="review-item">
                    <div class="review-avatar"><img src="https://i.pravatar.cc/100?u=2" alt="User"></div>
                    <div class="review-main">
                        <div class="review-user">Siska_Cantik88</div>
                        <div class="review-stars">★★★★★</div>
                        <div class="review-text">Awalnya ragu, pas dicoba main Mahjong langsung pecah naga!</div>
                        <div class="review-date">2 menit yang lalu</div>
                    </div>
                </div>
                <div class="review-item">
                    <div class="review-avatar"><img src="https://i.pravatar.cc/100?u=3" alt="User"></div>
                    <div class="review-main">
                        <div class="review-user">Budi_Slotter</div>
                        <div class="review-stars">★★★★★</div>
                        <div class="review-text">Server Thailand emang beda, petir merahnya keluar terus.</div>
                        <div class="review-date">5 menit yang lalu</div>
                    </div>
                </div>
                <div class="review-item">
                    <div class="review-avatar"><img src="https://i.pravatar.cc/100?u=4" alt="User"></div>
                    <div class="review-main">
                        <div class="review-user">Mega_Hoki</div>
                        <div class="review-stars">★★★★★</div>
                        <div class="review-text">WD 10jt cair dalam semenit. Mantap Hebohwin99!</div>
                        <div class="review-date">10 menit yang lalu</div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="footer-info-section">
        <div class="info-box">
            <h4>Metode Pembayaran</h4>
            <div class="logo-grid">
                <div class="logo-item"><img src="https://upload.wikimedia.org/wikipedia/commons/5/5c/Bank_Central_Asia.svg" alt="BCA"></div>
                <div class="logo-item"><img src="https://upload.wikimedia.org/wikipedia/id/f/fa/Bank_Mandiri_logo.svg" alt="Mandiri"></div>
                <div class="logo-item"><img src="https://smart-gaming.sgp1.digitaloceanspaces.com/hebohwin88/images/bank-list/9/3iVpqGpIIop11Mol.png" alt="DANA"></div>
                <div class="logo-item"><img src="https://upload.wikimedia.org/wikipedia/commons/a/a2/Logo_QRIS.svg" alt="QRIS"></div>
            </div>
        </div>
        <div class="info-box">
            <h4>Di Dukung Oleh</h4>
            <div class="logo-grid">
                <div class="logo-item"><img src="https://i.pinimg.com/736x/8c/ae/df/8caedfd5fda6bb4b4c42d33139bdacb9.jpg" alt="Pragmatic"></div>
                <div class="logo-item"><img src="https://i.pinimg.com/736x/68/a6/66/68a6669b58c58588c34d762fcd05467c.jpg" alt="PGSoft"></div>
            </div>
        </div>
    </div>

    <div id="popup-notif" class="notif-popup">
        <span id="notif-text"><strong>Member****</strong> baru saja WD Rp 5.000.000!</span>
    </div>

    <div class="mobile-nav">
        <a href="#" class="nav-item">🏠<br>Beranda</a>
        <a href="https://hebohdong.pages.dev/" class="nav-item" style="color:var(--shopee-orange); font-weight:bold;">🔥<br>DAFTAR</a>
        <a href="https://hebohdong.pages.dev/" class="nav-item">👤<br>Login</a>
        <a href="#" class="nav-item">💬<br>Live Chat</a>
    </div>

    <script>
        const canvas = document.getElementById('bg-canvas');
        const ctx = canvas.getContext('2d');
        let particles = [];
        function initCanvas() { canvas.width = window.innerWidth; canvas.height = window.innerHeight; }
        class Particle {
            constructor() {
                this.x = Math.random() * canvas.width; this.y = Math.random() * canvas.height;
                this.size = Math.random() * 2 + 1; this.speedX = Math.random() * 1 - 0.5;
                this.speedY = Math.random() * 1 - 0.5; this.color = 'rgba(255, 215, 0, ' + Math.random() + ')';
            }
            update() {
                this.x += this.speedX; this.y += this.speedY;
                if (this.x > canvas.width) this.x = 0; if (this.x < 0) this.x = canvas.width;
                if (this.y > canvas.height) this.y = 0; if (this.y < 0) this.y = canvas.height;
            }
            draw() { ctx.fillStyle = this.color; ctx.beginPath(); ctx.arc(this.x, this.y, this.size, 0, Math.PI * 2); ctx.fill(); }
        }
        function createParticles() { for (let i = 0; i < 100; i++) { particles.push(new Particle()); } }
        function animate() { ctx.clearRect(0, 0, canvas.width, canvas.height); particles.forEach(p => { p.update(); p.draw(); }); requestAnimationFrame(animate); }

        function startTimer(duration) {
            var timer = duration, hours, minutes, seconds;
            setInterval(function () {
                hours = parseInt(timer / 3600, 10); minutes = parseInt((timer % 3600) / 60, 10); seconds = parseInt(timer % 60, 10);
                document.querySelector('#hour').textContent = hours < 10 ? "0" + hours : hours;
                document.querySelector('#min').textContent = minutes < 10 ? "0" + minutes : minutes;
                document.querySelector('#sec').textContent = seconds < 10 ? "0" + seconds : seconds;
                if (--timer < 0) timer = duration;
            }, 1000);
        }

        function initSlider() {
            const slider = document.getElementById('mainSlider');
            const dots = document.querySelectorAll('.dot');
            if(slider) {
                slider.addEventListener('scroll', () => {
                    const index = Math.round(slider.scrollLeft / slider.offsetWidth);
                    dots.forEach((dot, i) => { dot.classList.toggle('active', i === index); });
                });
                let current = 0;
                setInterval(() => { current = (current + 1) % dots.length; slider.scrollTo({ left: slider.offsetWidth * current, behavior: 'smooth' }); }, 4000);
            }
        }

        function showPopup() {
            const popup = document.getElementById('popup-notif');
            const users = ["Andi", "Siska", "Budi", "Rian", "Dewi", "Joko", "Mega"];
            setInterval(() => {
                const name = users[Math.floor(Math.random() * users.length)];
                document.getElementById('notif-text').innerHTML = `<strong>${name}***</strong> baru saja WD Rp ${Math.floor(Math.random() * 20) + 1}.000.000!`;
                popup.style.display = 'block'; setTimeout(() => { popup.style.display = 'none'; }, 4000);
            }, 9000);
        }

        // Script untuk menduplikasi isi komentar agar looping tidak putus
        function initCommentScroll() {
            const track = document.getElementById('commentTrack');
            track.innerHTML += track.innerHTML; // Duplikasi isi
        }

        window.onload = function () {
            initCanvas(); createParticles(); animate(); startTimer(3600 * 2.5); showPopup(); initSlider(); initCommentScroll();
        };
        window.addEventListener('resize', initCanvas);
    </script>
</body>
</html>