:root{color-scheme:light;--bg: #eef3ff;--bg-strong: #d7e5ff;--ink: #101828;--muted: #475467;--panel: rgba(255, 255, 255, .9);--line: rgba(16, 24, 40, .1);--accent: #ff6b00;--accent-dark: #8a2d00;--accent-soft: #fff3e8;--success: #157f3d;--shadow: 0 28px 80px rgba(33, 58, 110, .14)}*{box-sizing:border-box}body{margin:0;min-width:320px;font-family:Manrope,sans-serif;color:var(--ink);background:linear-gradient(140deg,var(--bg),var(--bg-strong))}button,input{font:inherit}.page-shell{min-height:100vh;padding:16px 32px;background-position:center;background-repeat:no-repeat;background-size:cover}.layout{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:minmax(320px,520px) minmax(420px,1fr);gap:32px;align-items:start}.form-column,.wheel-column{display:grid;gap:10px}.hero-kicker,.eyebrow{display:inline-flex;align-items:center;gap:8px;letter-spacing:.14em;text-transform:uppercase;font-size:.76rem;color:var(--accent-dark);font-weight:800}.hero h1,.card h2,.wheel-column h2,.wheel-copy h2,.claim-result h3{margin:12px 0;font-family:Bebas Neue,sans-serif;font-weight:400;line-height:.92;letter-spacing:.02em}.intro-panel{padding:14px 6px 0}.brand-logo{display:block;width:min(280px,72%);height:auto;margin-bottom:10px;filter:drop-shadow(0 16px 28px rgba(16,24,40,.18))}.intro-panel h1{max-width:9ch;font-size:clamp(3.4rem,7vw,5.8rem)}.intro-panel p,.wheel-copy p,.claim-result p{color:var(--muted);line-height:1}.result-banner,.claim-result{background:#ffffffe6;border:1px solid rgba(255,255,255,.8);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.card{padding:28px;border-radius:28px;background:var(--panel);border:1px solid rgba(255,255,255,.75);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.card-head h2,.wheel-copy h2{font-size:clamp(2rem,2.2rem,2.5rem)}.claim-form{display:grid;gap:18px}.form-actions{display:flex;gap:12px;flex-wrap:wrap}.field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.claim-form label{display:grid;gap:8px}.terms-check{grid-template-columns:auto 1fr;align-items:start;gap:12px}.claim-form span{font-size:.92rem;font-weight:700}.claim-form input{width:100%;padding:10px 14px;border-radius:16px;border:1px solid var(--line);background:#ffffffe6;transition:border-color .18s ease,transform .18s ease}.terms-check input[type=checkbox]{width:18px;height:18px;margin-top:2px}.text-link{display:inline;margin:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;color:#0f5bd8;font:inherit;font-weight:800;text-decoration:underline;cursor:pointer}.claim-form input:focus{outline:none;border-color:#cc2f2f8c;transform:translateY(-1px)}.claim-form button,.secondary-button,.spin-button{border:0;border-radius:999px;padding:10px 24px;font-weight:800;cursor:pointer}.claim-form button{background:linear-gradient(135deg,var(--accent),#ef4444);color:#fff}.claim-form button:disabled,.spin-button:disabled{background:linear-gradient(135deg,#bcc4d3,#8f99ab);color:#ffffffeb;opacity:1;cursor:not-allowed;box-shadow:none}.secondary-button{background:#1717170f;color:var(--ink)}.spin-button{width:100%;background:linear-gradient(135deg,#1450ff,#19b2ff);color:#fff;font-size:1rem;letter-spacing:.02em}.form-error{margin:0;color:#a71919;font-weight:700}.validation-ok{margin:0;color:var(--success);font-weight:700}.wheel-panel{display:grid;gap:24px}.wheel-column-head,.wheel-stage-card{padding:28px;border-radius:28px;background:#ffffffe6;border:1px solid rgba(255,255,255,.82);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.wheel-stage-card{display:grid;gap:20px}.wheel-stage{position:relative;width:min(100%,460px);aspect-ratio:1;margin:0 auto}.wheel-pointer{position:absolute;left:50%;top:-10px;width:0;height:0;border-left:20px solid transparent;border-right:20px solid transparent;border-top:38px solid #111827;transform:translate(-50%);z-index:3;filter:drop-shadow(0 8px 12px rgba(16,24,40,.22))}.wheel{position:relative;width:100%;height:100%;border-radius:50%;background-position:center;background-repeat:no-repeat;background-size:cover;box-shadow:0 32px 60px #10182838}.wheel-preview{opacity:.95}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:24px;background:#10182880;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:50}.terms-modal{width:min(760px,100%);max-height:min(88vh,920px);overflow:auto;padding:28px;border-radius:28px;background:#fffffff5;box-shadow:0 32px 80px #1018283d}.terms-modal-head{display:flex;align-items:start;justify-content:space-between;gap:16px;margin-bottom:18px}.terms-modal-head h2{margin:10px 0 0;font-family:Bebas Neue,sans-serif;font-size:clamp(2rem,4vw,3rem);line-height:.95}.modal-close{width:42px;height:42px;border:0;border-radius:50%;background:#10182814;font-size:1.6rem;cursor:pointer}.terms-modal-body{display:grid;gap:18px}.terms-section h3{margin:0 0 8px;font-size:1rem}.terms-section p{margin:0;color:var(--muted);line-height:1.65}.wheel.is-spinning{transition:transform 5.8s cubic-bezier(.1,.86,.14,1)}.result-banner{padding:18px 22px;border-radius:20px}.result-banner small{display:block;text-transform:uppercase;letter-spacing:.12em;font-size:.72rem;color:var(--muted)}.result-banner strong{display:block;margin-top:8px;font-size:1.45rem}.claim-result{padding:22px;border-radius:22px;opacity:0;transform:translateY(16px);transition:opacity .26s ease,transform .26s ease}.claim-result.is-visible{opacity:1;transform:translateY(0)}@media(max-width:1024px){.layout{grid-template-columns:1fr}}@media(max-width:720px){.page-shell{padding:18px}.field-grid{grid-template-columns:1fr}.card,.wheel-column-head,.wheel-stage-card{padding:22px 18px}}