:root{font-family:Arial,Helvetica,sans-serif;color:#fff;background:#e9eef6;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button{font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}button:focus-visible{outline:3px solid #ffbd81;outline-offset:4px}button:disabled{cursor:wait}.reward-page{max-width:480px;min-height:100svh;margin:auto;background:#123a94;display:flex;flex-direction:column;padding: max(18px,env(safe-area-inset-top)) 24px max(22px,env(safe-area-inset-bottom));position:relative;overflow:hidden}.reward-head{display:flex;align-items:center;justify-content:space-between;background:#fff;border-radius:16px;min-height:68px;padding:4px 14px;flex:none}.brand{width:103px;height:55px;object-fit:contain}.languages{display:flex;gap:2px}.languages button{border:0;background:none;color:#64728a;min-height:44px;min-width:44px;border-radius:11px;font-size:12px;font-weight:700}.languages button[aria-pressed=true]{background:#edf2fc;color:#143981}.reward-main{flex:1;display:flex;flex-direction:column}.intro{padding-top:32px}.eyebrow{font-size:11px;letter-spacing:1.6px;font-weight:700;color:#c7d9ff;margin:0 0 13px}.intro h1{font-size:clamp(32px,9vw,43px);line-height:1.07;letter-spacing:-1.2px;margin:0;font-weight:700}.intro h1 span{color:#ffbd91;white-space:nowrap}.intro p.description{font-size:15px;line-height:1.5;max-width:340px;color:#dce7ff;margin:16px 0 0}.guarantee{display:inline-flex;align-items:center;gap:8px;margin:19px 0 0;font-size:12px;font-weight:700;color:#e8f0ff}.guarantee i{font-style:normal;border-radius:50%;background:#ffffff1c;width:21px;height:21px;display:grid;place-items:center;color:#ffbd91}.wheel-stage{width:min(100%,320px);aspect-ratio:1;margin:28px auto 23px;position:relative;flex:none}.wheel{width:100%;height:100%;border:7px solid #dce7ff;border-radius:50%;background:var(--sectors);box-shadow:0 13px 28px #061c5029;position:relative;transition:transform 3.2s cubic-bezier(.12,.74,.12,1)}.wheel-label{position:absolute;inset:0;display:flex;align-items:flex-start;justify-content:center;transform:rotate(var(--angle));padding-top:13%;color:#143a7b;font-weight:700;font-size:clamp(15px,4.7vw,20px)}.wheel-label span{transform:rotate(calc(-1 * var(--angle) - var(--rotation,0deg)));background:transparent;transition:transform 3.2s cubic-bezier(.12,.74,.12,1)}.wheel-hub{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:24%;aspect-ratio:1;background:#123a94;border:7px solid white;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:29px}.pointer{position:absolute;top:-8px;left:calc(50% - 12px);border-left:12px solid transparent;border-right:12px solid transparent;border-top:27px solid #ff792f;filter:drop-shadow(0 3px 1px #10295328)}.actions{margin-top:auto;text-align:center}.primary{min-height:56px;width:100%;border:0;border-radius:15px;background:#ff823e;color:#14284a;font-size:16px;font-weight:700;padding:16px 14px}.primary:active{transform:translateY(1px)}.primary:disabled{opacity:.75}.participant{font-size:12px;color:#c6d7f8;margin:15px 0 0}.receive-note{font-size:12px;line-height:1.5;color:#d4e1fc;margin:13px auto 0;max-width:290px}.status{font-size:13px;line-height:1.5;margin:10px 0 0;color:#ffdcc5}.status:empty{display:none}dialog{color:#17345a;background:#fff;border:0;border-radius:28px 28px 0 0;width:min(100%,480px);max-width:480px;max-height:90svh;margin:auto auto 0;padding:30px 27px max(27px,env(safe-area-inset-bottom));text-align:center;overflow:auto}dialog::backdrop{background:#041738b8;backdrop-filter:blur(4px)}.result-mark{margin:0 auto 18px;background:#fff0e4;color:#e76b25;width:56px;height:56px;border-radius:50%;display:grid;place-items:center;font-size:28px}.result-title{font-size:26px;margin:0;letter-spacing:-.7px}.result-amount{font-size:clamp(45px,13vw,62px);font-weight:700;color:#123a94;margin:20px 0 7px;letter-spacing:-2px}.result-currency{font-size:17px;color:#476182;margin:0 0 23px}.result-copy{font-size:15px;line-height:1.55;color:#526781;margin:0 0 24px}.result-status{color:#925017;font-size:13px;line-height:1.5}.result-status:empty{display:none}@media(min-width:600px){.reward-page{min-height:820px;margin:25px auto;border-radius:30px}dialog{margin:auto;border-radius:28px}}@media(max-height:750px) and (max-width:599px){.reward-page{padding-top:10px;padding-bottom:max(16px,env(safe-area-inset-bottom))}.reward-head{min-height:58px}.brand{height:47px}.intro{padding-top:23px}.intro h1{font-size:34px}.intro p.description{margin-top:12px}.guarantee{margin-top:13px}.wheel-stage{width:min(86%,265px);margin:22px auto 18px}.receive-note{margin-top:10px}}@media(prefers-reduced-motion:reduce){.wheel,.wheel-label span{transition-duration:.12s}.primary:active{transform:none}}
/* Language Day campaign */
.intro{padding-top:23px}.eyebrow{font-size:10px;line-height:1.6;letter-spacing:1px;margin-bottom:10px}.intro h1{font-size:27px;line-height:1.16;letter-spacing:-.6px;max-width:370px}.fact-card{margin-top:19px;padding:19px 19px 12px;background:#fff;border-radius:20px;color:#17345a;min-height:220px}.fact-label{font-size:10px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:#935224;margin:0 0 10px}.fact-card h2{font-size:21px;line-height:1.18;letter-spacing:-.4px;margin:0 0 10px}.fact-text{font-size:14px;line-height:1.5;color:#465e7a;margin:0}.fact-tools{display:flex;align-items:center;justify-content:space-between;margin-top:9px;gap:10px}.fact-tools button,.fact-tools a{font-size:12px;min-height:40px;display:inline-flex;align-items:center;border:0;background:none;color:#254c92;padding:0;text-decoration:none}.fact-tools a{text-decoration:underline}.prize-line{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:18px;font-size:12px;line-height:1.4;color:#d5e2ff}.prize-line strong{color:#ffd0ac;white-space:nowrap;font-size:13px}.wheel-stage{width:min(90%,276px);margin:22px auto}.notification-toggle{border:0;background:none;color:#e0eaff;text-decoration:underline;font-size:12px;min-height:44px;margin-top:5px}.notification-status{font-size:12px;line-height:1.5;color:#ffdcc5;margin:0}.notification-status:empty{display:none}.prize-toast{position:fixed;z-index:30;top:max(12px,env(safe-area-inset-top));left:50%;transform:translateX(-50%);width:min(calc(100% - 24px),448px);display:flex;align-items:center;gap:12px;padding:15px 14px;background:#fff;color:#123a94;border:1px solid #e0e6f0;border-radius:19px;box-shadow:0 12px 35px #041a5350;animation:toast-in .25s ease-out}.prize-toast[hidden]{display:none}.toast-emblem{width:38px;height:38px;background:#fff0e4;border-radius:11px;display:grid;place-items:center;color:#c06423;flex:none}.prize-toast small{font-size:10px;color:#64728a;display:block;margin-bottom:4px}.prize-toast strong{font-size:15px}.prize-toast button{margin-left:auto;background:transparent;border:0;color:#536885;font-size:23px;min-width:36px;min-height:40px}@keyframes toast-in{from{opacity:0;transform:translate(-50%,-20px)}to{opacity:1;transform:translate(-50%,0)}}@media(max-width:360px){.reward-page{padding-left:18px;padding-right:18px}.fact-card{padding:16px}.intro h1{font-size:25px}.prize-line{flex-wrap:wrap;gap:5px}.fact-card h2{font-size:20px}}@media(max-height:750px) and (max-width:599px){.intro h1{font-size:27px}.wheel-stage{width:min(84%,250px)}.intro{padding-top:18px}}@media(prefers-reduced-motion:reduce){.prize-toast{animation:none}}
@media(min-height:751px) and (max-width:599px){.wheel-stage{width:min(82%,244px);margin:17px auto}.intro{padding-top:18px}.fact-card{margin-top:15px}.intro h1{font-size:25px}}