.hq-tip-wheel{grid-template-columns:minmax(0,1fr) 280px;align-items:center;gap:30px;margin:24px 0;display:grid;background:radial-gradient(at 100%,#1c2c55,#101523)!important}.hq-tip-wheel h2{font-size:32px!important}.hq-tip-wheel p{line-height:1.7}.hq-wheel-frame{text-align:center;padding:12px;position:relative}.hq-wheel-disc{color:#fff;background:conic-gradient(#f21c78 0deg 60deg,#234b94 60deg 120deg,#f21c78 120deg 180deg,#234b94 180deg 240deg,#f21c78 240deg 300deg,#234b94 300deg);border:6px solid #e5d6ff;border-radius:50%;width:240px;height:240px;margin:auto;position:relative;box-shadow:0 0 35px #eb268d40}.hq-wheel-disc>span{width:44px;font-size:22px;font-weight:900;position:absolute;top:calc(50% - 12px);left:calc(50% - 22px)}.hq-wheel-disc>b{background:#11192c;border:3px solid #fff;border-radius:50%;place-items:center;font-size:23px;display:grid;position:absolute;inset:calc(50% - 33px)}.hq-wheel-pointer{z-index:1;color:#fff;font-size:30px;position:absolute;top:0;left:calc(50% - 12px)}.hq-wheel-frame small{color:#cbd8f2;letter-spacing:2px;margin-top:20px;font-size:10px;display:block}.hq-wheel-disc.turning{animation:3.2s cubic-bezier(.12,.65,.1,1) forwards cb-thankyou-turn}@keyframes cb-thankyou-turn{to{transform:rotate(1440deg)}}@media (max-width:650px){.hq-tip-wheel{grid-template-columns:1fr;gap:18px}.hq-wheel-frame{grid-row:1}.hq-tip-wheel h2{font-size:27px!important}}@media (prefers-reduced-motion:reduce){.hq-wheel-disc.turning{animation:none}}
