body{font-family:Poppins,sans-serif;background:url(https://ik.imagekit.io/xiao/backgroundspinwheel.jpg);background-position:center;background-size:cover;background-repeat:no-repeat;background-position-x:center;background-attachment:fixed;color:#333}.form-signin,.popup-body{background:#ffffffc9;border-radius:15px;padding:20px;box-shadow:0 10px 25px #0000001a}.submit,.btn-back{width:100%;padding:14px;font-size:16px;background:linear-gradient(to right,#eff312,#c3ec30);border:none;color:#fff;font-weight:700;border-radius:8px;box-shadow:0 4px 8px #0003;transition:.3s ease}.submit:hover,.btn-back:hover{transform:translateY(-2px);background:linear-gradient(to right,#f31212,#ec3030)}.form-control-lg{border-radius:10px;padding:12px 18px;font-size:16px}.popup-header h6{font-size:18px;font-weight:700;color:#1273f3}#popup-body table{border-collapse:collapse;width:100%}#popup-body table th,#popup-body table td{border:1px solid #ddd;padding:8px;text-align:center}#popup-body table th{background-color:#1273f3;color:#fff;font-weight:700}.spin-wrapper{position:relative;width:350px;height:350px;margin:0 auto}.spin-wheel{width:100%;height:100%;object-fit:contain;transform-origin:center center;transition:transform 4s ease-out;position:absolute;top:0;left:0}.spin-border{width:100%;height:100%;position:absolute;top:0;left:0;z-index:2;pointer-events:none}.spin-rotate{transition:transform 4s ease-out;transform:rotate(1080deg)}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:9999}.modal-content{background:transparent;padding:20px;width:90%;max-width:500px;border-radius:10px;position:relative;text-align:center}.modal-header{display:flex;justify-content:space-between;align-items:center}.modal-close{background:none;border:none;font-size:20px;cursor:pointer}.modal-table{width:100%;margin-top:10px;border-collapse:collapse}.modal-table td,.modal-table th{border:1px solid #ddd;padding:8px}.btn-agree{background-color:#d9534f;color:#fff;border:none;padding:8px 20px;border-radius:5px;cursor:pointer}.logo-header{display:block;margin:0 auto 20px;max-width:80%;height:auto}.wheelText{font-size:16px;font-family:Prompt,sans-serif;font-weight:900;text-align:center;color:#0ff}.btn-back,.btn-info{font-size:22px;width:100%;background:linear-gradient(to bottom,#ecad00 16%,#ffd563 44%,#ecad00 99%);color:#000;padding:5px 15px;border:0px;box-shadow:2px 2px 2px gray;border-radius:30px;font-weight:bolder}button.submit{font-size:22px;width:100%;background:linear-gradient(to bottom,#ecad00 16%,#ffd563 44%,#ecad00 99%);color:#000;padding:5px 15px;border:0px;box-shadow:2px 2px 2px gray;border-radius:30px}input.submit{font-size:22px;width:100%;background:linear-gradient(to bottom,#ecad00 16%,#ffd563 44%,#ecad00 99%);color:#000;padding:5px 15px;border:0px;box-shadow:2px 2px 2px gray;border-radius:30px;font-weight:bolder}.popup-container{width:100%;height:100%;position:fixed;z-index:1000;background:#080808b0;top:0;left:0;right:0;bottom:0}.popup-body{width:347px;height:600px;margin:2% auto;background:#313131;border-radius:0;color:#fff}@media (max-width: 992px){.popup-body{margin:10% auto}}@media (max-width: 768px){.logo-pc{display:none!important}.logo-mobile{display:block!important;width:80%;margin-top:10px}}@media (min-width: 769px){.logo-pc{display:block!important}.max-c{margin:0!important;padding:0!important}.logo-mobile{display:none!important}}.popup-header{height:48px;width:100%;background:#754116;float:left}.popup-close{cursor:pointer;width:36px;height:36px;background:transparent;color:#000;float:right;padding:5px;border-radius:100px;position:absolute;margin-top:-10px;margin-left:-9px}.popup-container-ads{background-repeat:no-repeat;margin:10% auto;border-radius:18px;background-size:100%}#headerTitle{text-shadow:-7px 4px 11px #000000;color:#fff}#app{width:400px;height:400px;margin:0 auto;position:relative}.marker{position:absolute;width:60px;left:172px;top:-20px;z-index:2}.wheel{width:100%;height:100%}.button{display:block;width:250px;margin:40px auto;cursor:pointer}.button:hover{opacity:.8}.blur{animation:blur 10s}@keyframes blur{0%{filter:blur(1.5px)}80%{filter:blur(1.5px)}to{filter:blur(0px)}}.blinking{animation:blinkingText 1.2s infinite}@keyframes blinkingText{0%{color:#fff}49%{color:#fff}60%{color:transparent}99%{color:transparent}to{color:#fff}}.animasi{display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.animasi>span{animation:shake .5s infinite;font-size:4rem;color:#000}@keyframes shake{0%{transform:translate(1px,-2px) rotate(-1deg)}10%{transform:translate(-1px,2px) rotate(-1deg)}20%{transform:translate(1px,2px) rotate(0)}30%{transform:translate(3px,2px) rotate(0)}40%{transform:translate(1px,-1px) rotate(1deg)}50%{transform:translate(-1px,-2px) rotate(-1deg)}60%{transform:translate(-3px,1px) rotate(0)}70%{transform:translate(3px,1px) rotate(-1deg)}80%{transform:translate(-1px,-1px) rotate(1deg)}90%{transform:translate(-3px) rotate(1deg)}to{transform:translate(1px,1px) rotate(0)}}