#a360-spin-overlay{
  position: fixed; inset: 0;
  background: linear-gradient(to right, #ffffff, #000000);
  z-index: 999999;
  display: grid; place-items: center;
  padding: 16px;
}
.a360-hidden{ display:none !important; }

#a360-spin-popup{ width:min(100%, 700px); max-width:700px; position:relative; }
#a360-spin-popup .a360-close{
  position:absolute; top:6px; right:8px;
  width:36px; height:36px; border-radius:50%;
  border:0; background:rgba(0,0,0,.6); color:#fff;
  font-size:24px; line-height:36px; cursor:pointer;
}

.a360-grid{ display:grid; grid-template-columns:1fr; gap:20px; align-items:center; }

.a360-wheel{ position:relative; width:320px; height:320px; margin:0 auto; }
.a360-wheel-rotor{
  width:100%; height:100%; border-radius:50%;
  border:8px solid #f1f1f1; background:#fff;
  transition: transform 3.2s cubic-bezier(.15,.7,.1,1);
  box-shadow:0 10px 30px rgba(0,0,0,.25);
}
.a360-pointer{
  position:absolute; right:-10px; top:50%; transform:translateY(-50%);
  width:26px; height:26px; background:#fff; border:6px solid #000; border-radius:50%;
  z-index:3;
}
.a360-svg{ width:100%; height:100%; border-radius:50%; }

.a360-form{ text-align:center; color:#fff; text-shadow:0 1px 0 rgba(0,0,0,.15); }
.a360-title{ font-size:28px; font-weight:800; margin:10px 0 6px; }
.a360-sub{ font-size:16px; opacity:.95; margin:0 0 14px; }

.a360-phone-wrap{ display:flex; align-items:center; justify-content:center; gap:8px; margin:8px auto 10px; }
.a360-flag{ background:#fff; color:#000; padding:10px 12px; border-radius:8px; font-weight:600; }
#a360-phone{ width:58%; padding:12px 14px; border-radius:8px; border:1px solid #ddd; font-size:16px; }

#a360-spin-btn{ background:#000; color:#fff; border:0; cursor:pointer; padding:14px 20px; width:80%; border-radius:28px; font-size:18px; font-weight:700; margin:10px auto 8px; display:inline-block; }

.a360-gdpr{ max-width:520px; margin:8px auto 0; font-size:12px; color:#eaeaea; }

.a360-result{ background:rgba(255,255,255,.12); padding:12px; border-radius:12px; margin-top:12px; }
.a360-win-title{ margin:4px 0 6px; }
.a360-code{ background:#fff; color:#000; padding:6px 10px; border-radius:8px; display:inline-block; }
.a360-copy{ margin-left:8px; padding:6px 12px; border-radius:8px; border:0; cursor:pointer; }

@media (min-width: 720px){
  .a360-grid{ grid-template-columns: 1fr 1fr; }
  .a360-form{ text-align:left; }
  .a360-title{ font-size:32px; }
  #a360-phone{ width:65%; }
}