*{box-sizing:border-box}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Arial,sans-serif;margin:0;background:#2f2f2f;color:#fff}
.wrap{display:grid;grid-template-columns:420px 1fr;gap:40px;align-items:center;min-height:100vh;padding:24px;max-width:1100px;margin:0 auto}
.wheel-wrap{position:relative;width:420px;height:420px;margin:auto}
.pointer{position:absolute;top:-16px;left:50%;transform:translateX(-50%);width:0;height:0;border-left:14px solid transparent;border-right:14px solid transparent;border-bottom:28px solid #ff4d3d;filter:drop-shadow(0 2px 2px rgba(0,0,0,.4))}
.form-wrap h1{margin:.2rem 0 0}.form-wrap p{opacity:.8}
form{display:grid;gap:12px;margin-top:16px;max-width:520px}
label{display:grid;gap:6px}
input[type="text"],input[type="tel"]{padding:12px;border-radius:10px;border:0;outline:none}
.check{grid-auto-flow:column;align-items:center;justify-content:start}
#spinBtn{padding:12px 16px;border-radius:12px;border:0;background:#ff4d3d;color:#fff;font-weight:700;cursor:pointer}
#spinBtn[disabled]{opacity:.6;cursor:not-allowed}
.result{margin-top:18px}
.download{display:inline-block;margin-top:8px;padding:10px 14px;border-radius:10px;background:#fff;color:#222;text-decoration:none}