:root{--ink:#24132c;--muted:#6e5a73;--purple:#6e2384;--purple-dark:#42104f;--yellow:#ff7600;--yellow-soft:#ffd29d;--line:#d9cadc;--orange:#ff6f00;--lime:#9ee321;--night:#130818}*{box-sizing:border-box}html{background:var(--night);min-height:100%}body{min-height:100%;color:var(--ink);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Arial,Helvetica,sans-serif}button,input{font:inherit}.page-shell{isolation:isolate;background:radial-gradient(circle at 12% 12%,#ff6f0040,#0000 26%),radial-gradient(circle at 88% 84%,#9ee32121,#0000 30%),radial-gradient(circle at 52% 0,#7e30945c,#0000 36%),linear-gradient(145deg,#120718 0%,#26102f 54%,#100614 100%);align-content:center;place-items:center;gap:24px;min-height:100svh;padding:42px 18px 28px;display:grid;position:relative;overflow:hidden}.page-shell:before{content:"";z-index:-1;opacity:.32;background-image:radial-gradient(circle,#fffc 0 1px,#0000 1.5px),radial-gradient(circle,#9ee321bf 0 1px,#0000 1.5px);background-position:0 0,31px 43px;background-size:72px 72px,91px 91px;position:absolute;inset:0}.glow{z-index:-1;filter:blur(18px);opacity:.42;border-radius:999px;width:220px;height:220px;position:absolute}.glow-one{background:#ff7100;top:-80px;right:-55px}.glow-two{background:#8ed91e;bottom:-100px;left:-70px}.confetti{z-index:20;pointer-events:none;position:fixed;inset:0;overflow:hidden}.confetti-piece{opacity:0;border-radius:2px;width:11px;height:19px;animation-name:confetti-fall;animation-timing-function:cubic-bezier(.15,.72,.3,1);animation-fill-mode:both;position:absolute;top:-24px;box-shadow:0 1px 2px #3c0c311f}.confetti-piece.shape-1{border-radius:50%;width:13px;height:13px}.confetti-piece.shape-2{border-radius:999px;width:17px;height:8px}@keyframes confetti-fall{0%{opacity:0;transform:translateY(-8vh)rotate(0)}9%{opacity:1}82%{opacity:1}to{opacity:0;transform:translate3d(var(--confetti-drift), 112vh, 0) rotate(var(--confetti-spin))}}.card{-webkit-backdrop-filter:none;backdrop-filter:none;background:#fffaeff7;border:2px solid #ff760085;border-radius:30px;width:min(100%,510px);padding:36px 40px 32px;position:relative;overflow:hidden;box-shadow:0 24px 70px #0000007a,0 0 0 6px #641d792e}.game-stage{z-index:1;grid-template-columns:minmax(0,510px) minmax(330px,500px);justify-content:center;align-items:end;column-gap:clamp(4px,2vw,28px);width:min(100%,1120px);display:grid;position:relative}.game-stage .card{z-index:3;grid-column:1;justify-self:end}.game-stage-form{width:min(100%,510px);display:block}.game-stage-form .card{width:100%;margin-left:auto;margin-right:auto}.game-stage-wheel{width:min(100%,650px);display:block}.game-stage-wheel .wheel-card{width:min(100%,650px);margin-left:auto;margin-right:auto}.card:before{content:"";background:linear-gradient(90deg, var(--orange), #78308e 48%, var(--lime));height:10px;position:absolute;top:0;left:0;right:0}.brand-lockup{color:#2a0b31;text-align:left;grid-template-rows:auto auto;grid-template-columns:auto auto;align-items:center;column-gap:9px;width:fit-content;margin:0 auto 20px;display:grid}.brand-lockup strong{letter-spacing:-.055em;text-shadow:2px 2px #ff9b33;align-self:end;font-size:34px;font-weight:950;line-height:.95}.brand-lockup>span:last-child{color:#6f2184;letter-spacing:.32em;text-transform:uppercase;grid-column:2;font-size:10px;font-weight:950}.brand-pumpkin{filter:drop-shadow(0 5px 5px #43134b40);grid-row:1/3;font-size:42px}.brand-lockup-compact{margin-bottom:13px}.brand-lockup-compact strong{font-size:27px}.brand-lockup-compact .brand-pumpkin{font-size:34px}.brand-lockup-compact>span:last-child{font-size:8px}.halloween-decor{z-index:-1;pointer-events:none;position:absolute;inset:0}.decor{filter:drop-shadow(0 8px 8px #0000004d);-webkit-user-select:none;user-select:none;display:block;position:absolute}.decor-moon{color:#ffb45d;font-size:clamp(72px,12vw,130px);top:3%;right:7%;transform:rotate(-18deg)}.decor-bat-one{font-size:clamp(28px,5vw,52px);top:13%;left:7%;transform:rotate(-12deg)}.decor-bat-two{font-size:clamp(22px,4vw,40px);top:32%;right:9%;transform:rotate(16deg)scaleX(-1)}.decor-web{opacity:.68;font-size:clamp(74px,14vw,140px);top:-14px;left:-7px}.decor-ghost{font-size:clamp(36px,7vw,68px);bottom:8%;right:4%;transform:rotate(8deg)}.decor-pumpkin{font-size:clamp(38px,8vw,76px);bottom:5%;left:4%;transform:rotate(-7deg)}.brand-logo,.wheel-logo{background:var(--yellow);border:1px solid #bd0d9a1f;margin-left:auto;margin-right:auto;position:relative;overflow:hidden;box-shadow:0 10px 24px #8b076f2e}.brand-logo{border-radius:18px;width:190px;height:82px;margin-bottom:20px}.wheel-logo{border-radius:13px;width:132px;height:57px;margin-bottom:17px}.brand-logo img,.wheel-logo img{object-fit:cover;object-position:center;width:100%;height:100%;display:block}.intro,.wheel-heading{text-align:center}.eyebrow{color:#7a208f;letter-spacing:.16em;text-transform:uppercase;margin:0 0 7px;font-size:12px;font-weight:800}h1{letter-spacing:-.035em;margin:0;font-size:clamp(28px,7vw,38px);line-height:1.08}.lead{max-width:390px;color:var(--muted);margin:13px auto 0;font-size:15px;line-height:1.55}.progress{grid-template-columns:1fr 1fr;gap:8px;margin:24px 0 25px;display:grid}.progress span{background:#f0dce9;border-radius:999px;height:4px}.progress .progress-active{background:linear-gradient(90deg, var(--purple), #e14fbd 70%, var(--yellow))}form{text-align:left}form>label:not(.consent){margin:17px 0 8px;font-size:13px;font-weight:700;display:block}.input-wrap{position:relative}.input-wrap svg{stroke:#9a6f8c;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:19px;height:19px;position:absolute;top:50%;left:15px;transform:translateY(-50%)}.input-wrap input{border:1px solid var(--line);width:100%;height:51px;color:var(--ink);background:#fffdf8;border-radius:13px;outline:none;padding:0 15px 0 46px;transition:border-color .16s,box-shadow .16s,background .16s}.input-wrap input::placeholder{color:#ad98a8}.input-wrap input:hover{border-color:#d9b5cf}.input-wrap input:focus{border-color:var(--orange);background:#fff;box-shadow:0 0 0 4px #ff6f0024}.consent{color:var(--muted);grid-template-columns:19px 1fr;align-items:start;gap:10px;margin:21px 0;font-size:12px;line-height:1.5;display:grid}.consent input{width:18px;height:18px;accent-color:var(--orange);margin:0}.form-error,.status-message{border-radius:12px;font-size:12px;line-height:1.45}.form-error{color:#8f2330;background:#fff4f5;border:1px solid #f1c7cc;margin:-7px 0 14px;padding:10px 12px}.status-message{color:#7a075f;text-align:center;background:#fff9c9;border:1px solid #efcf59;max-width:350px;margin:0 auto 14px;padding:9px 12px}.wheel-error{text-align:left;max-width:330px;margin:0 auto 12px}a{color:var(--purple-dark);text-underline-offset:2px;font-weight:700}.primary-button{cursor:pointer;color:#24112a;background:linear-gradient(135deg,#ff8a00,#ffc42f 58%,#9ee321);border:0;border-radius:14px;justify-content:center;align-items:center;gap:9px;width:100%;min-height:53px;font-weight:800;transition:transform .15s,box-shadow .15s,background .15s;display:flex;box-shadow:0 12px 25px #ff670047}.primary-button svg{stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:19px;height:19px}.primary-button:hover{transform:translateY(-1px);box-shadow:0 15px 30px #ff670061}.primary-button:active{transform:translateY(1px)}.primary-button:disabled{cursor:wait;opacity:.74;box-shadow:none;transform:none}.security-note{color:#927889;text-align:center;justify-content:center;align-items:center;gap:7px;margin:15px 0 0;font-size:10.5px;display:flex}.security-note svg{stroke:currentColor;stroke-width:1.8px;flex:none;width:14px;height:14px}footer{z-index:4;color:#d6bddb;align-items:center;gap:9px;font-size:11px;display:flex;position:relative}footer a{color:inherit;font-weight:700}.wheel-card{text-align:center;padding-bottom:28px}.wheel-progress{margin-bottom:4px}.wheel-scene-shell{justify-content:center;width:100%;display:flex}.wheel-scene{aspect-ratio:1;isolation:isolate;flex:none;width:min(580px,100% + 100px);margin:0 0 -4px;position:relative}.wheel-frame{z-index:1;filter:drop-shadow(0 17px 26px #1c04226b);width:54%;height:54%;margin:0 auto;position:absolute;top:28%;left:0;right:0}.wheel-witch-embrace{z-index:3;pointer-events:none;position:absolute;inset:0}.wheel-witch-embrace img{object-fit:contain;filter:drop-shadow(0 13px 17px #00000061)drop-shadow(0 0 11px #9fe3212e);width:100%;height:100%;display:block}.wheel-scene:after{content:"";z-index:2;filter:blur(1px);pointer-events:none;background:radial-gradient(circle,#cbff6dc7,#9ee32147 38%,#0000 72%);border-radius:50%;width:34px;height:34px;animation:1.15s ease-in-out infinite alternate fingertip-glow;position:absolute;top:49.6%;left:26.8%;transform:translate(-50%,-50%)}@keyframes fingertip-glow{to{opacity:.48;transform:translate(-50%,-50%)scale(1.25)}}.wheel{will-change:transform;background:conic-gradient(from -22.5deg,#ff7600 0deg 45deg,#21102a 45deg 90deg,#a4e62b 90deg 135deg,#6d2186 135deg 180deg,#ff7600 180deg 225deg,#21102a 225deg 270deg,#a4e62b 270deg 315deg,#6d2186 315deg 360deg);border:9px solid #fff;border-radius:50%;transition:transform 5.6s cubic-bezier(.12,.72,.18,1);position:absolute;inset:0;overflow:hidden;box-shadow:inset 0 0 0 2px #52003b29,0 0 0 4px #ff8a00,0 0 0 8px #492055}.wheel-frame.spin-starting .wheel{animation:3.6s linear infinite taking-impulse-clockwise}.wheel-frame.spin-handoff .wheel{transition:none;animation:none}@keyframes taking-impulse-clockwise{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.wheel-frame.spin-starting .wheel-hub,.wheel-frame.spin-fast .wheel-hub,.wheel-frame.spin-slowing .wheel-hub{animation:.68s ease-in-out infinite alternate hub-pulse}.wheel-frame.spin-fast{filter:drop-shadow(0 17px 26px #6f00523b)drop-shadow(0 0 18px #ff760085)}@keyframes hub-pulse{0%{box-shadow:0 5px 16px #5b00444d}to{box-shadow:0 5px 16px #5b00444d,0 0 0 7px #fee40033}}.wheel:after{content:"";pointer-events:none;background:repeating-conic-gradient(from -22.5deg,#0000 0deg 44.25deg,#ffffffb8 44.25deg 45deg);border-radius:50%;position:absolute;inset:0}.wheel-label{z-index:1;color:#fff7df;letter-spacing:.02em;text-transform:uppercase;text-shadow:0 1px 2px #4600344d;flex-direction:column;justify-content:center;align-items:center;width:76px;min-height:22px;margin:-11px 0 0 -38px;font-size:10px;font-weight:900;line-height:1.02;display:flex;position:absolute;top:50%;left:50%}.wheel-label small{font-size:7px;font-weight:800}.wheel-label.dark{color:#29112f;text-shadow:none}.wheel-label.prize-lose{text-shadow:0 2px 4px #00000085;font-size:25px;line-height:.9}.wheel-label.prize-lose small{color:#25102c;letter-spacing:.06em;background:#ff9a2e;border-radius:999px;margin-top:4px;padding:2px 5px;font-size:8px;box-shadow:0 2px 5px #0000003d}.pointer{z-index:4;filter:drop-shadow(0 3px 2px #4600343d);border-top:29px solid #ff6f00;border-left:15px solid #0000;border-right:15px solid #0000;width:0;height:0;position:absolute;top:-7px;left:50%;transform:translate(-50%)}.wheel-hub{z-index:3;color:#a40880;background:linear-gradient(145deg,#fff4d2,#ff9a2e);border:7px solid #fff;border-radius:50%;place-items:center;width:68px;height:68px;font-size:31px;font-weight:900;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 5px 16px #5b00444d}.spin-button{max-width:330px;margin:0 auto}.spin-button>span{font-size:18px}.one-spin-note{color:#8b7082;margin:13px 0 0;font-size:11px}.result-card{background:linear-gradient(145deg,#fff,#fff6fc);border:1px solid #ead2e3;border-radius:20px;max-width:350px;margin:0 auto;padding:18px;box-shadow:0 10px 28px #7000531a}.result-card.winner{background:linear-gradient(145deg,#fffef5,#ffe0ae);border-color:#ff8a00}.result-card.try-again{color:#fff6df;background:linear-gradient(145deg,#24102d,#481754);border-color:#ff7100;box-shadow:0 12px 30px #18041d57}.result-card.try-again .result-copy p{color:#a9e832}.result-card.try-again .result-copy>span{color:#eaddeb}.result-card.try-again .result-emoji{transform:rotate(-18deg)}.result-emoji{margin-bottom:5px;font-size:40px;display:block}.result-copy p{color:var(--purple);letter-spacing:.1em;text-transform:uppercase;margin:0 0 4px;font-size:11px;font-weight:900}.result-copy h2{margin:0;font-size:23px;line-height:1.15}.result-copy>span{color:var(--muted);margin:8px 0 16px;font-size:12px;line-height:1.45;display:block}.prize-code{background:#fffc;border:1px dashed #bd0d9a;border-radius:12px;margin:0 0 16px;padding:11px 12px}.prize-code span{color:#820067;letter-spacing:.12em;text-transform:uppercase;margin-bottom:3px;font-size:9px;font-weight:800;display:block}.prize-code strong{color:#a40880;letter-spacing:.06em;font-size:19px}@media (width<=560px){.page-shell{align-content:start;padding-top:22px}.wheel-page{padding-top:14px}.card{border-radius:24px;padding:28px 22px 25px}.game-stage{width:min(100%,510px);display:block}.game-stage .card{width:100%}.decor-moon{opacity:.76;top:1%;right:-2%}.decor-bat-one{top:18%;left:1%}.decor-bat-two{right:1%}.decor-ghost,.decor-pumpkin{opacity:.72}.brand-logo{border-radius:16px;width:176px;height:76px;margin-bottom:17px}.wheel-logo{width:120px;height:52px;margin-bottom:13px}.progress{margin:21px 0 19px}form>label:not(.consent){margin-top:14px}.input-wrap input{height:49px}.consent{margin:18px 0}.wheel-card{padding:24px 16px 20px}.wheel-heading h1{font-size:30px}.wheel-heading .lead{margin-top:8px;font-size:13px}.wheel-progress{margin:16px 0 2px}.wheel-scene{width:min(500px,100% + 150px);margin-bottom:-2px}.wheel-frame{filter:drop-shadow(0 10px 16px #1c042257)}.wheel-witch-embrace img{filter:drop-shadow(0 10px 12px #00000070)}.wheel-scene:after{animation:none}.wheel-label{transform-origin:50%}}@media (width<=370px){.wheel-label{font-size:9px}}@media (width>=561px) and (width<=920px){.game-stage{width:min(100%,620px);display:block}.game-stage .card{width:min(100%,510px);margin-left:auto;margin-right:auto}.wheel-scene{width:min(540px,100% + 110px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important}.wheel{transition-duration:1ms}.wheel-frame.spin-starting .wheel,.wheel-frame .wheel-hub{animation:none}.confetti{display:none}}