.bd-form {box-sizing:border-box; position:relative; width:100%; max-width:480px; margin:auto; padding:24px; background:var(--bd-bg,#fff); color:var(--bd-text,#102b4e); font:16px/1.4 system-ui,sans-serif; border-radius:12px; text-align:left}
.bd-form * {box-sizing:border-box}
.bd-form h2 {font:700 25px/1.2 system-ui,sans-serif; margin:0 36px 12px 0; color:inherit}
.bd-form p {margin:0 0 16px}
.bd-form label {display:block; margin:0 0 6px}
.bd-form input[type=email] {width:100%; min-height:44px; padding:10px; margin-bottom:14px; font:inherit; background:#fff; color:#102b4e; border:1px solid #888; border-radius:4px}
.bd-form .bd-form-choice {display:flex; gap:10px; align-items:flex-start; min-height:44px; padding:8px 0; font-size:13px; margin-bottom:14px; cursor:pointer}
.bd-form-choice input {flex:none; width:18px; height:18px; margin:0}
.bd-form a {color:inherit; text-decoration:underline}
.bd-form button[type=submit] {width:100%; min-height:44px; border:0; border-radius:4px; background:var(--bd-color,#2b565f); color:var(--bd-on,#fff); font:700 16px system-ui,sans-serif; cursor:pointer; padding:12px}
.bd-form button:disabled {opacity:.6; cursor:wait}
.bd-form .bd-form-message {margin:12px 0 0; font-size:14px}
.bd-form .bd-form-age {font-size:13px}
.bd-form-honey {position:absolute!important; width:1px; height:1px; overflow:hidden; clip-path:inset(100%)}
.bd-form-image {display:block; max-width:100%; height:160px; object-fit:cover; margin-bottom:16px}
.bd-form-overlay {position:fixed; inset:0; z-index:999999; display:flex; align-items:center; justify-content:center; background:rgba(0,0,0,.45); padding:16px; overscroll-behavior:contain}
.bd-form-overlay .bd-form {max-height:90vh; overflow:auto; margin:0}
.bd-form-close {position:absolute; right:8px; top:8px; width:44px; height:44px; border:0; background:transparent; color:inherit; cursor:pointer; font-size:28px; z-index:1}
.bd-form-overlay .bd-form-close {position:sticky; float:right; margin:0 -16px -44px 0}
.bd-form :focus-visible {outline:3px solid currentColor; outline-offset:3px}
.bd-form input:focus-visible {outline-color:#102b4e}
.bd-reward {padding:16px;margin-top:16px;background:#f3f3f3;color:#102b4e;border-radius:8px}
@media(max-width:600px) {.bd-form-overlay {align-items:flex-end; padding:0}.bd-form-overlay .bd-form {max-width:100%; max-height:70dvh; padding:20px; border-radius:12px 12px 0 0}.bd-form h2 {font-size:22px}}

/* Variant A. Wheel styles do not affect ordinary or embedded forms. */
.bd-form-overlay:has(.bd-wheel) {align-items:center;padding:12px}
.bd-form-overlay .bd-form.bd-wheel,.bd-form.bd-wheel {padding:24px;max-width:424px;max-height:calc(100dvh - 24px);border-radius:16px;overflow:auto;background:#fff;color:#214249;font-family:Arial,Helvetica,sans-serif;box-shadow:0 20px 64px #102b4e30}
.bd-wheel [hidden] {display:none!important}
.bd-wheel-stage {position:relative;width:38dvh;height:38dvh;max-width:100%;aspect-ratio:1;margin:0 auto 16px;border:6px solid #214249;border-radius:50%;padding:3px;background:#fff;flex:none;overflow:visible;transition:width .45s cubic-bezier(.22,1,.36,1),height .45s cubic-bezier(.22,1,.36,1)}
.bd-wheel-rotor {width:100%;height:100%;border-radius:50%;overflow:hidden;isolation:isolate}
.bd-wheel-rotor svg {display:block;width:100%;height:100%;overflow:visible}
.bd-wheel-rotor text {fill:#fff;font:700 15px Arial,Helvetica,sans-serif}
.bd-wheel-complete [data-slice] {opacity:.48;transition:opacity .4s}
.bd-wheel-complete .bd-wheel-winner {opacity:1;stroke:#fff;stroke-width:4}
.bd-wheel-hub {position:absolute;width:19%;height:19%;top:40.5%;left:40.5%;border:2px solid #ffffff24;border-radius:50%;background:#214249;box-shadow:0 2px 6px #0002}
.bd-wheel-pointer {position:absolute;right:-15px;top:calc(50% - 18px);width:30px;height:36px;overflow:visible;filter:drop-shadow(0 2px 3px #102b4e40)}
.bd-wheel-body {padding:0}
.bd-wheel .bd-wheel-header {text-align:center;margin:0 0 16px}
.bd-wheel .bd-wheel-header h2 {font:700 25px/30px Arial,Helvetica,sans-serif;margin:0 0 8px;color:#214249;letter-spacing:-.5px}
.bd-wheel .bd-wheel-header p {font:14px/18px Arial,Helvetica,sans-serif;margin:0;color:#414c4e}
.bd-wheel .bd-wheel-email input {border:1px solid #b2bfc1;border-radius:8px;height:44px;min-height:44px;padding:8px 12px;margin:0 0 8px;color:#214249;background:#fff;font:16px Arial,Helvetica,sans-serif}
.bd-wheel .bd-form-choice {font:10px/13px Arial,Helvetica,sans-serif;margin:8px 0;gap:8px;padding:0;min-height:0;color:#687174}
.bd-wheel .bd-form-choice input {width:16px;height:16px;margin:0;accent-color:#214249}
.bd-wheel button[type=submit],.bd-wheel-action {display:block;width:100%;border:0;border-radius:10px;background:#214249;color:#fff;min-height:48px;padding:12px 16px;font:700 16px/24px Arial,Helvetica,sans-serif;cursor:pointer;text-align:center;text-decoration:none}
.bd-wheel .bd-wheel-consent {font:10px/13px Arial,Helvetica,sans-serif;color:#687174;margin:8px 0}
.bd-wheel .bd-wheel-terms {font:10px/13px Arial,Helvetica,sans-serif;color:#687174;margin:8px 0 0}
.bd-form-overlay .bd-wheel .bd-form-close {position:absolute;float:none;right:8px;top:8px;margin:0;width:28px;height:28px;border-radius:50%;background:#f1f4f4;color:#214249;line-height:28px;padding:0;font:400 24px Arial,Helvetica,sans-serif;z-index:2}
.bd-wheel .bd-form-message:empty {display:none}
.bd-wheel .bd-form-message:not(:empty) {margin:0 0 8px;padding:0;color:#214249}
.bd-wheel-spinning {position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(100%)}
.bd-wheel-spinning p {margin:0;font-weight:700}
.bd-wheel input:focus-visible {outline:2px solid #214249;outline-offset:2px}
.bd-wheel-complete {display:flex;flex-direction:column;justify-content:center}
.bd-wheel-complete .bd-wheel-stage {width:22dvh;height:22dvh;margin-top:0;margin-bottom:24px}
.bd-wheel-complete .bd-wheel-pointer {width:22px;height:27px;right:-11px;top:calc(50% - 13.5px)}
.bd-wheel-result {text-align:center;outline:0}
.bd-wheel-result header {padding:0;color:#214249}
.bd-wheel .bd-wheel-result h2 {font:700 28px/32px Arial,Helvetica,sans-serif;margin:0 0 8px;color:#214249;letter-spacing:-.5px}
.bd-wheel .bd-wheel-prize-title {font:700 16px/22px Arial,Helvetica,sans-serif;margin:0}
.bd-wheel .bd-wheel-result-description {font:14px/20px Arial,Helvetica,sans-serif;color:#687174;margin:16px 0 0}
.bd-wheel-result-content {padding:24px 0 0;text-align:center}
.bd-wheel-code {display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px;margin:0 0 16px;background:#f5f8f7;border:1px dashed #7b9397;border-radius:10px}
.bd-wheel-code code {font:700 17px/24px monospace;color:#214249;overflow-wrap:anywhere;text-align:left}
.bd-wheel-code button {flex:none;padding:8px;border:0;border-radius:6px;background:#e1eae8;color:#214249;font:700 12px Arial,Helvetica,sans-serif;cursor:pointer;min-height:40px}
.bd-wheel .bd-wheel-result-content p {font:12px/16px Arial,Helvetica,sans-serif;margin:16px 0;color:#687174}
.bd-wheel .bd-wheel-result-content p:empty {display:none}
.bd-wheel .bd-wheel-result-content .bd-wheel-confirmation {color:#17673b;background:#e8f6ec;padding:12px;border-radius:8px}
.bd-wheel-dismiss {border:0;background:transparent;color:#687174;text-decoration:underline;text-underline-offset:3px;min-height:44px;padding:8px 16px;cursor:pointer;font:14px Arial,Helvetica,sans-serif}
.bd-prize-page {margin:0;min-height:100dvh;padding:24px 12px;display:grid;place-items:center;box-sizing:border-box;background:#f1f3f2}
.bd-prize-page .bd-wheel {width:100%;min-height:480px;margin:0}
@media(max-width:420px) {.bd-form-overlay .bd-form.bd-wheel,.bd-form.bd-wheel {padding:20px}.bd-wheel .bd-wheel-header h2 {font-size:24px;line-height:28px}.bd-wheel .bd-wheel-header p {font-size:13px;line-height:18px}.bd-wheel-stage {width:36dvh;height:36dvh;border-width:5px}.bd-wheel-complete .bd-wheel-stage {width:21dvh;height:21dvh}.bd-wheel-result-content {padding-top:24px}}
@media(prefers-reduced-motion:reduce) {.bd-wheel-stage,.bd-wheel-complete [data-slice] {transition:none}}