.page{--navy:#041a47;--blue:#0756c3;--gold:#ffc928;min-height:100svh;padding:0 0 36px;color:#101827;background:radial-gradient(circle at 50% -10%,#c8eeff 0,#e8f4fa 34%,#d8e6ed 100%);font-family:Arial,Helvetica,sans-serif}.page *{box-sizing:border-box}.page button{font:inherit}.shell{width:min(100%,430px);margin:auto;overflow:hidden;background:#fff;box-shadow:0 20px 70px #08274d3a}.topbar{min-height:64px;padding:9px 12px;display:flex;align-items:center;gap:9px;color:#fff;background:linear-gradient(100deg,#03153d,#073b88)}.seal{width:39px;height:39px;display:grid;place-items:center;flex:0 0 auto;border:2px solid #f7d65c;border-radius:50%;color:#ffe36e;background:#0b56af;box-shadow:inset 0 0 0 3px #072d68;font-size:18px}.brand{min-width:0;display:flex;flex-direction:column}.brand strong{font-size:11px;white-space:nowrap}.brand span{margin-top:2px;color:#a9c9f5;font-size:5.5px;font-weight:900;letter-spacing:.09em}.live{margin-left:auto;min-width:max-content;padding:6px 7px;display:flex;align-items:center;gap:4px;border:1px solid #4d8ee4;border-radius:99px;font-size:7px}.live i{width:6px;height:6px;border-radius:50%;background:#5af276;box-shadow:0 0 7px #5af276}.live b{color:#72f287;font-size:11px}.hero{padding:20px 18px 17px;text-align:center;background:linear-gradient(180deg,#d7f2ff,#f7fcff);border-bottom:1px solid #cddce5}.eyebrow{display:inline-block;padding:4px 9px;border-radius:99px;color:#063b85;background:#fff;border:1px solid #bcd8f2;font-size:7px;font-weight:900;letter-spacing:.12em}.hero h1{margin:9px 0 7px;color:#111827;font-size:28px;line-height:.92;letter-spacing:-.045em}.hero h1 em{color:#0754ba;font-style:normal;font-size:38px}.hero p{max-width:330px;margin:0 auto;color:#4a6076;font-size:10px;font-weight:700;line-height:1.45}.status{width:max-content;margin:10px auto 0;padding:5px 9px;display:flex;align-items:center;gap:5px;border-radius:5px;color:#18783b;background:#eaf8ef;font-size:6px;font-weight:900;letter-spacing:.05em}.status i{width:6px;height:6px;border-radius:50%;background:#25bd50;box-shadow:0 0 0 3px #25bd5023}.game{min-height:500px;padding:28px 15px 18px;position:relative;overflow:hidden;text-align:center;background:radial-gradient(circle at 50% 30%,#d4eeff 0,#eef7fc 45%,#dfeaf0 100%)}.cardGlow{width:78%;height:130px;position:absolute;top:112px;left:11%;border-radius:50%;background:#1590ff35;filter:blur(27px)}.scratchCard{width:min(100%,365px);height:228px;margin:0 auto;position:relative;z-index:2;overflow:hidden;border:5px solid #e5b420;border-radius:18px;background:linear-gradient(135deg,#062f72,#075cc5 50%,#03285f);box-shadow:0 0 0 3px #fff5a8,0 14px 30px #03285f55,inset 0 0 30px #2aa8ff5c;transform:perspective(700px) rotateX(2deg)}.scratchCard::before{content:'';position:absolute;inset:0;background:linear-gradient(115deg,transparent 20%,#ffffff24 38%,transparent 54%);pointer-events:none}.cardTop,.cardBottom{height:34px;padding:0 13px;display:flex;align-items:center;justify-content:space-between;color:#ffe778;font-size:8px;font-weight:900;letter-spacing:.05em}.cardTop b{padding:3px 6px;border:1px solid #caa323;border-radius:99px}.cardBottom{height:31px;justify-content:center;gap:9px;color:#c9dfff;font-size:6px}.cardBottom span+span::before{content:'•';margin-right:9px;color:#ffdc50}.prize{height:158px;margin:0 10px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid #6daaf0;border-radius:9px;color:#fff;background:radial-gradient(circle,#1182e7,#06377c)}.prize small{font-size:8px;font-weight:900;letter-spacing:.1em}.prize strong{margin:4px 0;color:#ffe053;font-size:54px;line-height:1;text-shadow:0 3px 0 #9e6b00}.prize span{color:#cbe4ff;font-size:7px}.scratchCanvas{width:calc(100% - 20px);height:158px;position:absolute;z-index:4;top:34px;left:10px;border-radius:9px;touch-action:none;cursor:grab;transition:opacity .42s ease}.scratchCanvas:active{cursor:grabbing}.handHint{height:44px;margin:9px auto 0;display:flex;align-items:center;justify-content:center;gap:7px;color:#0a4ca8;animation:hint 1.15s ease-in-out infinite}.handHint i{font-size:29px;font-style:normal;transform:rotate(-18deg)}.handHint span{font-size:8px;font-weight:900;letter-spacing:.08em}.game>h2{margin:0;color:#062e70;font-size:19px;letter-spacing:.04em}.help{margin:4px 0 0;color:#617387;font-size:9px}.secure{margin-top:12px;color:#536476;font-size:7px}.result{min-height:198px;padding-top:12px;position:relative;z-index:5;display:flex;flex-direction:column;align-items:center}.check{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;color:#fff;background:#19ad49;box-shadow:0 0 0 7px #ccefd8,0 0 23px #1ab44d80;font-size:22px;font-weight:900;animation:pop .5s cubic-bezier(.2,1.8,.4,1)}.result>b{margin-top:10px;color:#13823b;font-size:9px;letter-spacing:.12em}.result>span{margin-top:5px;color:#3f5368;font-size:11px}.result>strong{color:#0754ba;font-size:42px;line-height:1.08}.result button{width:min(100%,360px);min-height:54px;margin-top:8px;padding:0 15px;display:flex;align-items:center;justify-content:center;gap:10px;border:0;border-radius:12px;color:#fff;background:linear-gradient(#3bd963,#079c38);box-shadow:inset 0 2px #87f2a0,0 8px 17px #078b3740;font-size:14px;font-weight:900;cursor:pointer}.result button i{font-size:25px;font-style:normal}.result>small{margin-top:8px;color:#617387;font-size:8px}.confetti{position:absolute;inset:-210px -10px 0;pointer-events:none}.confetti i{width:7px;height:13px;position:absolute;top:44%;left:50%;border-radius:2px;background:#ffd22d;animation:confetti 1.25s ease-out both}.confetti i:nth-child(3n){background:#0b67d2}.confetti i:nth-child(3n+1){background:#ef4056}.confetti i:nth-child(4n){background:#34c565}.confetti i:nth-child(1){--x:-160px;--y:-120px;--r:190deg}.confetti i:nth-child(2){--x:-135px;--y:45px;--r:300deg}.confetti i:nth-child(3){--x:-112px;--y:-80px;--r:220deg}.confetti i:nth-child(4){--x:-90px;--y:85px;--r:130deg}.confetti i:nth-child(5){--x:-70px;--y:-135px;--r:270deg}.confetti i:nth-child(6){--x:-48px;--y:74px;--r:210deg}.confetti i:nth-child(7){--x:-25px;--y:-102px;--r:170deg}.confetti i:nth-child(8){--x:12px;--y:88px;--r:310deg}.confetti i:nth-child(9){--x:40px;--y:-125px;--r:230deg}.confetti i:nth-child(10){--x:68px;--y:76px;--r:170deg}.confetti i:nth-child(11){--x:91px;--y:-88px;--r:330deg}.confetti i:nth-child(12){--x:118px;--y:54px;--r:240deg}.confetti i:nth-child(13){--x:145px;--y:-114px;--r:160deg}.confetti i:nth-child(14){--x:164px;--y:22px;--r:280deg}.confetti i:nth-child(n+15){display:none}.steps{padding:14px 10px;display:flex;align-items:center;justify-content:center;gap:4px;background:#fff}.steps article{min-width:0;flex:1;display:flex;align-items:center;gap:5px}.steps article>b{width:25px;height:25px;display:grid;place-items:center;flex:0 0 auto;border-radius:50%;color:#fff;background:#0a54b5;font-size:12px}.steps article>span{min-width:0;display:flex;flex-direction:column;text-align:left}.steps strong{color:#073b85;font-size:6.5px;white-space:nowrap}.steps small{margin-top:2px;color:#7b8795;font-size:5px;line-height:1.2}.steps>i{color:#a7b3bf;font-style:normal;font-size:16px}.steps .done>b{background:#16a646}.trust{padding:15px 8px;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #dbe4ea;background:#f4f8fa}.trust article{padding:0 5px;display:flex;flex-direction:column;align-items:center;text-align:center}.trust article+article{border-left:1px solid #d7e1e7}.trust i{width:35px;height:35px;display:grid;place-items:center;border:2px solid currentColor;border-radius:50%;color:#0a9f40;font-size:12px;font-style:normal;font-weight:900}.trust article:nth-child(2) i{color:#0759bf}.trust article:nth-child(3) i{color:#7b3a9d;font-size:9px}.trust strong{margin-top:6px;color:#073777;font-size:7px}.trust span{margin-top:3px;color:#657587;font-size:6px}.footer{padding:17px 20px 25px;color:#b8c9dd;background:#041b49;text-align:center}.footer strong{color:#fff;font-size:9px}.footer p{margin:7px 0 10px;font-size:6.5px;line-height:1.55}.footer small{color:#7f9bbc;font-size:6px}.intro{position:fixed;z-index:100;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;color:#fff;background:radial-gradient(circle,#123f88 0,#061b47 42%,#020918 100%);animation:introOut .45s 2.15s ease-in forwards}.intro::before,.intro::after{content:'';position:absolute;width:110vw;aspect-ratio:1;border:2px solid #ffe57577;border-radius:50%;box-shadow:0 0 45px #269cff,0 0 90px #1539d4;animation:ring 1.4s ease-out infinite}.intro::after{width:72vw;animation-delay:.25s}.introRays{width:680px;height:680px;position:absolute;background:repeating-conic-gradient(from 0deg,#fff0b850 0 2deg,transparent 2deg 14deg);mask:radial-gradient(circle,transparent 0 13%,#000 35%,transparent 73%);animation:spin 8s linear infinite}.introCard{width:245px;height:330px;position:relative;z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:center;border:7px solid #d9a91e;border-radius:20px;color:#fff;background:radial-gradient(circle at 50% 42%,#1766c7,#06265e 64%,#03153c);box-shadow:0 0 0 3px #fff09a,0 0 36px #ffe451,0 0 100px #2589ff;animation:cardArrival 2.2s cubic-bezier(.17,.84,.32,1) both}.introCard::before{content:'';position:absolute;inset:11px;border:2px solid #7ab8ff;border-radius:11px}.introCard>span{font-size:67px;color:#ffdf4a;text-shadow:0 0 20px #fff}.introCard small{margin-top:16px;color:#bcdcff;font-size:9px;font-weight:900;letter-spacing:.16em}.introCard strong{margin-top:7px;text-align:center;font-size:25px;line-height:1.05}.introCard b{width:48px;height:30px;margin-top:17px;display:grid;place-items:center;border:2px solid #f4cc42;border-radius:99px;color:#ffe778;font-size:14px}.intro>p{z-index:3;margin:31px 0 0;color:#e9f4ff;font-size:10px;font-weight:900;letter-spacing:.16em;animation:pulse .8s ease-in-out infinite}.introSparkles{position:absolute;z-index:4;inset:0;pointer-events:none}.introSparkles i{width:6px;height:6px;position:absolute;top:50%;left:50%;border-radius:50%;background:#fff6a8;box-shadow:0 0 10px #fff,0 0 18px #ffd840;animation:spark 1.6s .6s ease-out both}.introSparkles i:nth-child(2n){--sx:150px;--sy:-220px}.introSparkles i:nth-child(3n){--sx:-170px;--sy:-140px}.introSparkles i:nth-child(4n){--sx:185px;--sy:90px}.introSparkles i:nth-child(5n){--sx:-190px;--sy:170px}.introSparkles i:nth-child(7n){--sx:45px;--sy:230px}.introSparkles i:nth-child(11n){--sx:-40px;--sy:-250px}
@keyframes cardArrival{0%{opacity:0;transform:translateY(-75vh) scale(.25) rotateY(540deg)}50%{opacity:1;transform:translateY(18px) scale(1.06) rotateY(0);filter:brightness(1.8)}65%{transform:translateY(-10px) scale(.98)}78%{transform:translateY(0) scale(1.02)}88%{transform:translateX(-4px)}92%{transform:translateX(5px)}96%{transform:translateX(-2px)}100%{transform:none}}@keyframes ring{0%{opacity:.9;transform:scale(.15)}100%{opacity:0;transform:scale(1)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes spark{0%{opacity:0;transform:translate(0,0) scale(0)}30%{opacity:1}100%{opacity:0;transform:translate(var(--sx,120px),var(--sy,-170px)) scale(1.7)}}@keyframes introOut{to{opacity:0;visibility:hidden;transform:scale(1.04)}}@keyframes pulse{50%{opacity:.45}}@keyframes hint{50%{transform:translateX(18px)}}@keyframes pop{0%{transform:scale(0)}100%{transform:scale(1)}}@keyframes confetti{0%{opacity:0;transform:translate(0,0) rotate(0)}18%{opacity:1}100%{opacity:0;transform:translate(var(--x),var(--y)) rotate(var(--r))}}
@media(max-width:360px){.hero h1{font-size:25px}.hero h1 em{font-size:34px}.scratchCard{height:213px}.prize,.scratchCanvas{height:143px}.prize strong{font-size:48px}.game{padding-inline:10px}.steps{padding-inline:6px}.steps strong{font-size:6px}.introCard{width:210px;height:285px}.introCard strong{font-size:22px}}
@media(prefers-reduced-motion:reduce){.intro{animation-duration:.01ms;animation-delay:.3s}.introCard,.introRays,.introSparkles i,.handHint,.confetti i,.check{animation:none}}

[hidden]{display:none!important}
#scratchPrompt>h2{margin:0;color:#062e70;font-size:19px;letter-spacing:.04em}

/* Reward copy and post-scratch result dialog. */
.hero h1{font-size:25px;line-height:.96;letter-spacing:-.04em}.hero h1 em{display:inline-block;margin-top:4px;font-size:31px;line-height:.94}.introCard strong{font-size:22px}
.modalBackdrop{position:fixed;z-index:90;inset:0;padding:18px;display:grid;place-items:center;background:#02132fe8;backdrop-filter:blur(5px);animation:fadeIn .25s ease both}.resultModal{width:min(100%,390px);position:relative;z-index:5;padding:29px 20px 20px;display:flex;flex-direction:column;align-items:center;overflow:hidden;border:3px solid #e6b625;border-radius:20px;background:linear-gradient(180deg,#fff,#f5fbff);box-shadow:0 0 0 3px #fff2a7,0 25px 80px #000b2ccc,0 0 50px #2e9cff55;text-align:center;animation:modalArrival .5s cubic-bezier(.2,1.35,.4,1) both}.resultModal .check{width:55px;height:55px;box-shadow:0 0 0 8px #ccefd8,0 0 23px #1ab44d80;font-size:28px;animation:pop .5s .15s cubic-bezier(.2,1.8,.4,1) both}.resultModal>b{margin-top:13px;color:#13823b;font-size:9px;letter-spacing:.13em}.resultModal h2{margin:7px 0 1px;color:#30475d;font-size:14px}.resultModal>strong{color:#0754ba;font-size:52px;line-height:1.05;text-shadow:0 2px #bdd8f3}.resultModal>p{max-width:315px;margin:8px 0;color:#53677b;font-size:9px;line-height:1.45}.resultModal button{width:100%;min-height:55px;margin-top:5px;padding:0 15px;display:flex;align-items:center;justify-content:center;gap:10px;border:0;border-radius:12px;color:#fff;background:linear-gradient(#3bd963,#079c38);box-shadow:inset 0 2px #87f2a0,0 8px 17px #078b3740;font-size:14px;font-weight:900;cursor:pointer}.resultModal button i{font-size:25px;font-style:normal}.resultModal>small{margin-top:10px;color:#617387;font-size:8px}.resultModal .confetti{inset:-55px -10px 0}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes modalArrival{0%{opacity:0;transform:scale(.72) translateY(25px)}100%{opacity:1;transform:none}}
@media(max-width:360px){.hero h1{font-size:22px}.hero h1 em{font-size:27px}.resultModal>strong{font-size:46px}}