.elementor-1204 .elementor-element.elementor-element-f22f62f{--display:flex;--min-height:100vh;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}/* Start custom CSS for html, class: .elementor-element-484fdff */@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700;800&display=swap');
.sgtd-wheel-page,.sgtd-wheel-page *{font-family:Roboto,Arial,sans-serif!important}
.sgtd-wheel-page{min-height:100vh;background:#f8fafc center/cover no-repeat;color:#172033;padding:32px 16px}
.sgtd-wheel-stage{max-width:920px;margin:0 auto;display:flex;flex-direction:column;align-items:center;text-align:center;gap:22px}
.sgtd-logo{max-width:180px;max-height:70px;object-fit:contain}.sgtd-title-image{max-width:min(720px,92vw);max-height:200px;object-fit:contain}
.sgtd-wheel-wrap{position:relative;width:min(520px,88vw);aspect-ratio:1;display:grid;place-items:center}
.sgtd-wheel{width:100%;height:100%;object-fit:contain;transition:transform 5s cubic-bezier(.12,.72,.16,1)}
.sgtd-pointer{position:absolute;top:50%;left:50%;z-index:2;width:min(76px,15vw);max-height:22%;transform:translate(-50%,-58%);object-fit:contain;filter:drop-shadow(0 8px 14px rgba(15,23,42,.28));pointer-events:none}
.sgtd-spin-button{border:0!important;border-radius:8px!important;background:#172033!important;color:#fff!important;padding:13px 22px!important;font-weight:800!important;cursor:pointer}
.sgtd-participants{width:min(760px,100%);border:1px solid #e2e8f0;border-radius:8px;background:white;padding:18px}.sgtd-participants h2{margin:0 0 12px}.sgtd-participants table{width:100%;border-collapse:collapse;text-align:left}.sgtd-participants th,.sgtd-participants td{border-top:1px solid #e2e8f0;padding:10px;font-size:14px}
.sgtd-modal{position:fixed;inset:0;z-index:20;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.46);padding:22px}.sgtd-modal[hidden]{display:none}
.sgtd-modal-box{width:min(450px,100%);border-radius:20px;background:white;padding:30px;text-align:left;box-shadow:0 24px 80px rgba(0,0,0,.28)}
.sgtd-auth-style h2{margin:0 0 18px;color:#050505;font-size:22px;line-height:1.2}.sgtd-auth-style p{margin:0 0 22px;color:#46556b;font-size:15px;line-height:1.7}.sgtd-auth-style strong{display:block;margin:8px 0 22px;color:#0f172a;font-size:22px;text-align:center}
.sgtd-auth-style label{display:block;margin:0 0 14px;color:#050505;font-size:15px;font-weight:800}.sgtd-input-wrap{margin-top:8px;display:flex;height:50px;align-items:center;gap:12px;border:1px solid #e5e7eb;border-radius:10px;padding:0 12px;background:white}.sgtd-input-wrap b{width:18px;text-align:center;color:#111;font-size:18px}.sgtd-input-wrap input{width:100%;border:0;outline:0;color:#172033;font-size:14px}.sgtd-input-wrap input::placeholder{color:#667085}
.sgtd-modal button{width:100%;height:50px;border:0!important;border-radius:9px!important;font-size:15px;font-weight:800!important;cursor:pointer}.sgtd-modal button.primary{margin-top:10px;background:#111415!important;color:#fff!important}.sgtd-modal button.secondary{margin-top:10px;background:#fff!important;color:#2563eb!important}
.sgtd-loading{position:fixed;inset:0;z-index:30;display:flex;flex-direction:column;gap:12px;align-items:center;justify-content:center;background:rgba(255,255,255,.78);font-weight:800}.sgtd-loading[hidden]{display:none}.sgtd-loading span{width:42px;height:42px;border:4px solid #cbd5e1;border-top-color:#12A168;border-radius:50%;animation:sgtdSpin 1s linear infinite}@keyframes sgtdSpin{to{transform:rotate(360deg)}}/* End custom CSS */