:root{--bg-1:#12062b;--bg-2:#2a0b52;--surface:#ffffff12;--surface-strong:#ffffff1f;--border:#ffffff24;--text:#f8f5ff;--text-muted:#c4b5fd;--gold:#fbbf24;--gold-deep:#d97706;--pink:#ec4899;--purple:#7c3aed;--error:#fca5a5;--wa:#25d366;--wa-deep:#128c7e;--radius:20px;--shadow:0 20px 60px #00000073;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{color:var(--text);background:radial-gradient(120% 80% at 50% 0%, var(--bg-2) 0%, var(--bg-1) 70%);background-color:var(--bg-1);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;font-family:Poppins,system-ui,-apple-system,Segoe UI,sans-serif}button,input{font:inherit}h1,h2{margin:0;line-height:1.2}.app{min-height:100dvh;padding:0 16px 32px;position:relative;overflow-x:hidden}.bg-orbs span{filter:blur(80px);opacity:.45;pointer-events:none;z-index:0;border-radius:50%;position:fixed}.bg-orbs span:first-child{background:var(--purple);width:320px;height:320px;top:-80px;left:-100px}.bg-orbs span:nth-child(2){background:var(--pink);opacity:.3;width:280px;height:280px;bottom:-60px;right:-80px}.bg-orbs span:nth-child(3){background:var(--gold);opacity:.12;width:220px;height:220px;top:40%;left:60%}.login,.spin-page{z-index:1;max-width:440px;margin:0 auto;position:relative}.muted{color:var(--text-muted);margin:6px 0 0;font-size:.95rem}.error{color:var(--error);margin:10px 0 0;font-size:.9rem}.error.center{text-align:center}.fineprint{text-align:center;color:#c4b5fd99;margin-top:24px;font-size:.78rem}.btn{letter-spacing:.02em;cursor:pointer;border:0;border-radius:14px;justify-content:center;align-items:center;gap:10px;width:100%;min-height:52px;margin-top:20px;padding:0 24px;font-size:1.05rem;font-weight:700;text-decoration:none;transition:transform .15s,box-shadow .2s,opacity .2s;display:inline-flex}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn:focus-visible,.link:focus-visible,.chip:focus-visible,.wheel-hub:focus-visible,.wa-fab:focus-visible{outline-offset:3px;outline:3px solid #fff}.btn-primary{color:#3b0764;background:linear-gradient(180deg, #fde68a 0%, var(--gold) 45%, var(--gold-deep) 100%);box-shadow:0 8px 24px #fbbf2459,inset 0 -3px #00000026}.btn-whatsapp{color:#fff;background:linear-gradient(180deg, #34e07a 0%, var(--wa) 50%, var(--wa-deep) 100%);box-shadow:0 8px 24px #25d36659,inset 0 -3px #00000026}.btn-sm{gap:6px;width:auto;min-height:42px;margin:0;padding:0 16px;font-size:.95rem}.btn-spin{letter-spacing:.08em;font-size:1.2rem}.link{color:var(--gold);cursor:pointer;text-underline-offset:3px;background:0 0;border:0;border-radius:4px;padding:2px 4px;font-weight:600;text-decoration:underline}.chip{color:var(--gold);cursor:pointer;white-space:nowrap;background:#fbbf241f;border:1px solid #fbbf2480;border-radius:999px;padding:6px 14px;font-size:.82rem;font-weight:600}.login{padding-top:max(48px, env(safe-area-inset-top))}.login-hero{text-align:center;margin-bottom:28px}.login-hero h1{background:linear-gradient(90deg, #fde68a, var(--gold), #f472b6);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:clamp(2rem,8vw,2.6rem);font-weight:800}.login-hero p{color:var(--text-muted);max-width:320px;margin:8px auto 0}.login-hero strong{color:var(--gold)}.login-badge{background:radial-gradient(circle at 30% 30%,#fbbf2459,#7c3aed40);border:2px solid #fbbf2480;border-radius:50%;place-items:center;width:84px;height:84px;margin:0 auto 16px;font-size:44px;animation:3.5s ease-in-out infinite float;display:grid;box-shadow:0 0 40px #fbbf244d}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(16px);padding:24px 20px}.card h2{font-size:1.35rem;font-weight:700}.field-label{color:var(--text-muted);margin:20px 0 8px;font-size:.85rem;font-weight:600;display:block}.phone-field{border:1.5px solid var(--border);background:#00000040;border-radius:14px;align-items:center;transition:border-color .2s,box-shadow .2s;display:flex}.phone-field:focus-within{border-color:var(--gold);box-shadow:0 0 0 4px #fbbf2426}.phone-field.has-error{border-color:var(--error)}.phone-prefix{border-right:1px solid var(--border);white-space:nowrap;padding:0 12px 0 16px;font-weight:600}.phone-field input{min-width:0;height:54px;color:var(--text);letter-spacing:.06em;background:0 0;border:0;outline:0;flex:1;padding:0 16px;font-size:1.15rem;font-weight:600}.phone-field input::placeholder{color:#c4b5fd66;letter-spacing:.02em}.otp-display{background:linear-gradient(135deg,#fbbf2429,#ec48991f);border:1px dashed #fbbf2499;border-radius:14px;flex-wrap:wrap;align-items:center;gap:6px 12px;margin:18px 0 4px;padding:14px 16px;animation:.35s pop-in;display:flex}.otp-display-label{width:100%;color:var(--text-muted);font-size:.8rem}.otp-display-code{letter-spacing:.3em;color:var(--gold);font-variant-numeric:tabular-nums;flex:1;font-size:1.8rem;font-weight:800}.otp-inputs{grid-template-columns:repeat(6,1fr);gap:8px;margin-top:18px;display:grid}.otp-box{text-align:center;width:100%;height:54px;color:var(--text);border:1.5px solid var(--border);background:#00000040;border-radius:12px;outline:0;font-size:1.4rem;font-weight:700;transition:border-color .2s,box-shadow .2s}.otp-box:focus{border-color:var(--gold);box-shadow:0 0 0 4px #fbbf2426}.otp-box.filled{border-color:#fbbf2499}.resend{text-align:center;color:var(--text-muted);margin:16px 0 0;font-size:.9rem}.topbar{padding:max(16px, env(safe-area-inset-top)) 0 8px;justify-content:space-between;align-items:center;gap:12px;display:flex}.brand{font-size:1.05rem;font-weight:800}.topbar-user{align-items:center;gap:6px;font-size:.85rem;display:flex}.user-pill{background:var(--surface-strong);border:1px solid var(--border);white-space:nowrap;border-radius:999px;padding:4px 10px}.spin-hero{text-align:center;margin:16px 0 22px}.spin-hero h1{background:linear-gradient(90deg, #fde68a, var(--gold), #f472b6);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:clamp(1.7rem,7vw,2.2rem);font-weight:800}.wheel{aspect-ratio:1;filter:drop-shadow(0 18px 40px #0000008c);width:min(100%,380px);margin:0 auto;position:relative}.wheel:before{content:"";z-index:-1;background:radial-gradient(circle,#fbbf2447 0%,#0000 65%);border-radius:50%;position:absolute;inset:-6%}.wheel-disc,.wheel-rim{width:100%;height:100%;position:absolute;inset:0}.wheel-disc,.wheel-rim,.wheel-pointer{pointer-events:none}.wheel-disc{will-change:transform}.wheel-label{letter-spacing:.02em;font-family:Poppins,system-ui,sans-serif;font-weight:800}.rim-light{fill:#fff7d6}.rim-light.even{animation:1.2s step-end infinite blink}.rim-light.odd{animation:1.2s step-end .6s infinite blink}.wheel.is-spinning .rim-light{animation-duration:.3s}.wheel.is-spinning .rim-light.odd{animation-delay:.15s}.wheel-pointer{z-index:3;filter:drop-shadow(0 4px 6px #00000073);width:12%;position:absolute;top:-5%;left:50%;transform:translate(-50%)}.wheel.is-spinning .wheel-pointer{animation:.18s ease-in-out infinite alternate wobble}.wheel-hub{aspect-ratio:1;z-index:2;background:radial-gradient(circle at 35% 30%, #fde68a, var(--gold) 45%, var(--gold-deep));color:#3b0764;letter-spacing:.06em;cursor:pointer;border:4px solid #fff7d6;border-radius:50%;width:24%;font-size:clamp(.85rem,4vw,1.1rem);font-weight:800;transition:transform .15s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 6px 18px #00000073,inset 0 -4px #00000026}.wheel-hub:not(:disabled){animation:1.8s ease-in-out infinite pulse-hub}.wheel-hub:active:not(:disabled){transform:translate(-50%,-50%)scale(.94)}.wheel-hub:disabled{cursor:default;filter:saturate(.7)}.btn-spin{margin-top:28px}.spin-page{padding-bottom:104px}.my-rewards{margin-top:28px}.my-rewards-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.my-rewards-head h2{align-items:center;gap:8px;font-size:1.15rem;font-weight:700;display:flex}.count{background:var(--gold);color:#3b0764;border-radius:999px;place-items:center;min-width:26px;height:26px;padding:0 8px;font-size:.8rem;font-weight:800;display:inline-grid}.btn-reset{border:1px solid var(--border);background:var(--surface-strong);min-height:38px;color:var(--text);cursor:pointer;border-radius:999px;padding:0 14px;font-size:.85rem;font-weight:600;transition:background .2s,border-color .2s}.btn-reset:hover:not(:disabled){border-color:var(--error);background:#fca5a51f}.btn-reset:disabled{opacity:.5;cursor:not-allowed}.btn-reset:focus-visible{outline-offset:3px;outline:3px solid #fff}.win-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.win-item{background:var(--surface);border:1px solid var(--border);border-radius:16px;align-items:center;gap:12px;padding:12px 12px 12px 14px;display:flex}.win-item.is-latest{background:linear-gradient(135deg,#fbbf2429,#7c3aed33);border-color:#fbbf2473;animation:.4s pop-in}.won-icon{font-size:1.8rem}.won-text{flex-direction:column;flex:1;min-width:0;display:flex}.won-text strong{flex-wrap:wrap;align-items:center;gap:6px;font-size:1rem;display:flex}.won-code{color:var(--gold);letter-spacing:.04em;overflow-wrap:anywhere;font-size:.8rem;font-weight:600}.won-date{color:var(--text-muted);font-size:.72rem}.tag{color:var(--gold);text-transform:uppercase;letter-spacing:.06em;background:#fbbf2433;border-radius:999px;padding:1px 8px;font-size:.65rem;font-weight:700}.modal-spin-again{margin-top:14px;font-size:.9rem}.prize-list{flex-wrap:wrap;justify-content:center;gap:8px;margin:24px 0 0;padding:0;list-style:none;display:flex}.prize-list li{background:color-mix(in srgb, var(--chip) 22%, transparent);border:1px solid color-mix(in srgb, var(--chip) 60%, transparent);border-radius:999px;padding:6px 12px;font-size:.8rem;font-weight:600}.modal-backdrop{z-index:900;-webkit-backdrop-filter:blur(6px);background:#0a0319b8;place-items:center;padding:16px;animation:.25s fade-in;display:grid;position:fixed;inset:0}.modal{text-align:center;width:100%;max-width:380px;box-shadow:var(--shadow), 0 0 80px #fbbf242e;background:linear-gradient(#3b1376 0%,#1f0a45 100%);border:1px solid #fbbf2466;border-radius:24px;padding:36px 24px 26px;animation:.45s cubic-bezier(.2,1.3,.4,1) modal-in;position:relative}.modal-retry{border-color:var(--border);box-shadow:var(--shadow)}.modal-close{background:var(--surface-strong);width:36px;height:36px;color:var(--text);cursor:pointer;border:0;border-radius:50%;font-size:1.4rem;line-height:1;position:absolute;top:10px;right:12px}.modal-icon{background:radial-gradient(circle at 35% 30%, #fde68a, var(--gold) 50%, var(--gold-deep));border:4px solid #fff7d6;border-radius:50%;place-items:center;width:92px;height:92px;margin:-84px auto 12px;font-size:48px;display:grid;box-shadow:0 10px 30px #fbbf2473}.modal-retry .modal-icon{background:radial-gradient(circle at 35% 30%,#94a3b8,#475569);box-shadow:0 10px 30px #0006}.modal-kicker{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;margin:0;font-size:.9rem;font-weight:600}.modal-title{color:var(--gold);margin-top:4px;font-size:2rem;font-weight:800}.modal-desc{color:var(--text-muted);margin:8px 0 0}.coupon{text-align:left;background:#00000040;border:1.5px dashed #fbbf24b3;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;margin-top:20px;padding:12px 14px;display:flex}.coupon>div{flex-direction:column;min-width:0;display:flex}.coupon-label{color:var(--text-muted);font-size:.72rem}.coupon-code{letter-spacing:.08em;overflow-wrap:anywhere;font-size:1.1rem;font-weight:800}.modal-note{color:#c4b5fdbf;margin:12px 0 0;font-size:.78rem}.wa-fab{right:max(18px, env(safe-area-inset-right));bottom:max(18px, env(safe-area-inset-bottom));z-index:800;color:#fff;background:var(--wa);border-radius:50%;place-items:center;width:62px;height:62px;animation:.5s cubic-bezier(.2,1.4,.4,1) fab-in;display:grid;position:fixed;box-shadow:0 10px 28px #25d36680}.wa-fab:before{content:"";background:var(--wa);z-index:-1;border-radius:50%;animation:2s ease-out infinite ring;position:absolute;inset:0}.wa-fab-tooltip{white-space:nowrap;color:#075e54;background:#fff;border-radius:10px;padding:8px 12px;font-size:.82rem;font-weight:700;animation:.4s .6s both fade-in;position:absolute;right:calc(100% + 12px);box-shadow:0 6px 18px #0000004d}.wa-fab-tooltip:after{content:"";background:#fff;width:12px;height:12px;position:absolute;top:50%;right:-6px;transform:translateY(-50%)rotate(45deg)}@keyframes blink{50%{fill:var(--gold);opacity:.55}}@keyframes float{50%{transform:translateY(-8px)}}@keyframes wobble{0%{transform:translate(-50%)rotate(-6deg)}to{transform:translate(-50%)rotate(6deg)}}@keyframes pulse-hub{50%{box-shadow:0 6px 18px #00000073,0 0 0 10px #fbbf242e,inset 0 -4px #00000026}}@keyframes fade-in{0%{opacity:0}}@keyframes pop-in{0%{opacity:0;transform:scale(.94)}}@keyframes modal-in{0%{opacity:0;transform:translateY(30px)scale(.85)}}@keyframes fab-in{0%{opacity:0;transform:scale(.3)}}@keyframes ring{0%{opacity:.6;transform:scale(1)}to{opacity:0;transform:scale(1.7)}}@media (prefers-reduced-motion:reduce){*,:before,:after{animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (width<=360px){.phone-prefix{padding:0 8px 0 12px;font-size:.9rem}.otp-inputs{gap:6px}.otp-box{height:48px;font-size:1.2rem}.wa-fab-tooltip{display:none}}