:root{font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased}html,body,#root{min-height:100%}:root{--gold:#b49627;--paper:#fffefd;--ink:#15131a}*{box-sizing:border-box}body{min-width:320px;color:var(--ink);background:#211f20;margin:0;font-family:Arial,sans-serif}button,input{font:inherit}button{cursor:pointer;border:0}.app-shell,.simple-screen,.splash-screen{background:var(--paper);width:min(100%,430px);min-height:100vh;margin:0 auto;position:relative}.app-shell{padding:28px 18px 82px}.splash-screen{color:#fff;background:linear-gradient(145deg,#1d0874,#05001b);align-content:center;place-items:center;display:grid}.splash-logo{width:min(78%,330px);height:auto}.splash-screen p{color:#fff;margin:-12px 0 0;font-size:clamp(12px,3.8vw,18px);font-weight:700}.splash-screen p:first-letter{color:#d2ae43}.topbar,.welcome,.section-heading,.header-actions,.profile-intro{justify-content:space-between;align-items:center;display:flex}.topbar{padding:2px 2px 22px}.brand-logo{color:#c6a533;letter-spacing:.7px;align-items:center;gap:7px;font-size:10px;display:flex}.header-logo{object-fit:contain;object-position:left center;width:92px;height:38px;display:block}.header-actions{gap:14px}.login-link,.hello{color:#242229;text-align:right;background:0 0;font-size:10px}.hello small{color:#8b8790;font-size:7px;display:block}.avatar,.profile-avatar{background:#fff;border:1px solid #d5d1ca;border-radius:50%;place-items:center;width:30px;height:30px;font-weight:800;display:grid}.welcome{margin:14px 0 15px}.eyebrow{color:#bea02e;letter-spacing:1.4px;font-size:9px;font-weight:800}.welcome h1{margin:3px 0 0;font-size:19px}.welcome small{color:#8b8790;font-size:8px}.filter-button{color:#8a6d0e;background:#fff;border:1px solid #eadfbb;border-radius:10px;padding:8px 12px;font-size:12px}.filter-button span{margin-left:4px;font-size:10px}.mode-switch{background:#ececed;border-radius:7px;margin-bottom:17px;padding:3px;display:flex}.mode-switch button{background:0 0;border-radius:5px;flex:1;padding:9px 4px;font-size:10px}.mode-switch .active{color:#15110a;background:linear-gradient(100deg,#eedb8a,#b3921f);font-weight:800}.promo{color:#443199;background:linear-gradient(115deg,#e9ddff,#ffd2f1);border-radius:10px;justify-content:space-between;align-items:center;min-height:118px;padding:16px 17px;display:flex;overflow:hidden;box-shadow:0 4px 10px #d9d1ca}.promo.exclusive{color:#087e7a;background:linear-gradient(115deg,#d0f3eb,#a7e4d7)}.promo span{color:#fff;background:#ff76d1;border-radius:3px;padding:2px 5px;font-size:7px}.promo h2{margin:8px 0;font-size:19px;line-height:1.02}.promo h2 b{color:#7556ed}.promo.exclusive h2 b{color:#147d75}.promo small{color:#746a82;font-size:7px}.promo-image{object-fit:cover;mix-blend-mode:multiply;border-radius:8px;flex:0 0 118px;width:118px;height:84px}.gift{align-self:center;font-size:65px}.section-heading{margin:23px 0 11px}.section-heading h2{margin:0;font-size:16px}.section-heading button{color:#ad8b1c;background:0 0;font-size:10px;font-weight:700}.offer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.offer-card{text-align:left;background:#fff;border:1px solid #ebe9e5;border-radius:10px;padding:0;transition:transform .2s;overflow:hidden;box-shadow:0 2px 5px #ece9e6}.offer-card:hover{transform:translateY(-3px)}.offer-card.muted{filter:grayscale();opacity:.7}.offer-photo{height:112px;position:relative;overflow:hidden}.offer-photo img{object-fit:cover;width:100%;height:100%}.offer-mark{color:#fff;border:3px solid #fff;border-radius:50%;place-items:center;width:37px;height:37px;font-size:11px;font-weight:900;display:grid;position:absolute;bottom:-10px;left:50%;transform:translate(-50%)}.offer-copy{flex-direction:column;justify-content:space-between;min-height:78px;padding:17px 10px 10px;display:flex}.offer-copy span{font-size:9px;line-height:1.35}.offer-copy strong{color:#b39426;text-align:center;font-size:8px}.offer-copy b{font-size:13px}.category-menu{z-index:4;background:#fff;border:1px solid #ddd;width:155px;position:absolute;top:145px;right:18px;box-shadow:0 8px 18px #b9b2aa}.category-menu button{text-align:left;background:#fff;border-bottom:1px solid #e4e4e4;width:100%;padding:8px;font-size:9px;display:block}.bottom-nav{z-index:3;background:#fff;border-top:1px solid #ebe7e1;justify-content:space-around;width:min(100%,430px);height:63px;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.bottom-nav button{color:#9a9691;background:0 0;flex-direction:column;align-items:center;gap:1px;font-size:20px;display:flex}.bottom-nav span{font-size:9px}.bottom-nav .selected{color:#b39426}.simple-screen{padding:35px 20px}.back{background:#fff;border:1px solid #ddd9d4;border-radius:50%;width:30px;height:30px;font-size:18px}.login-screen{padding-top:48px}.login-logo{width:min(78%,290px);height:auto;margin:34px auto 48px;display:block}.form-content{text-align:center}.form-content h1,.simple-screen h1{margin:25px 0 10px;font-size:17px}.form-content p{font-size:11px;line-height:1.6}.form-content label{text-align:left;margin:25px 0 0;font-size:10px;font-weight:700;display:block}.form-content input{background:#f6f5f4;border:1px solid #dedbd7;border-radius:7px;width:100%;margin-top:7px;padding:13px;font-size:10px;display:block}.gold-button,.outline-button{background:linear-gradient(100deg,#efd983,#b19121);border-radius:8px;width:100%;margin-top:28px;padding:13px;font-size:10px;font-weight:800}.outline-button{background:#fff;border:1px solid #b19121;margin-top:10px}.otp-boxes{justify-content:center;gap:15px;margin:45px 0 30px;display:flex}.otp-boxes input{text-align:center;border:0;border-bottom:1px solid #aaa;width:35px;font-size:18px}.resend{margin-top:30px}.resend b{color:#aa8c1f}.detail-screen{padding:22px 0 35px}.detail-screen>.back{margin-left:16px}.detail-hero{height:190px;margin-top:15px;position:relative;overflow:hidden}.detail-hero img{object-fit:cover;width:100%;height:100%}.detail-hero>div{color:#e5236f;position:absolute;inset:35px 20px}.detail-hero small{color:#333;font-weight:700}.detail-hero h1{max-width:190px;font-size:25px;line-height:1}.detail-body{text-align:center;padding:24px 20px}.validity{color:#8f7822;background:#f2f0e8;border-radius:20px;padding:7px 11px;font-size:9px}.detail-body h2{margin:20px 0 0;font-size:18px}.code-box{text-align:left;border:1px solid #d6bc58;border-radius:8px;flex-wrap:wrap;gap:5px;margin-top:15px;padding:9px;display:flex}.code-box small{color:#b09226;width:100%;font-size:8px}.code-box strong{flex:1;font-size:10px}.code-box button{color:#b09226;background:0 0;font-size:9px}.accordions{text-align:left;margin-top:25px}.accordions details{background:#f6f5f4;border-radius:8px;margin-top:8px;padding:10px;font-size:10px}.accordions p{color:#6e6b65;padding:5px;line-height:1.5}.payment-screen h1,.profile-screen>h1,.redemption-screen>h1{text-align:center;margin-top:-24px;font-size:11px}.pay-price{text-align:center;margin:55px 0 38px;font-size:19px;font-weight:700}.pay-price small{color:#69655f;margin-top:10px;font-size:10px;font-weight:400;display:block}.payment-methods button{text-align:left;background:#f6f6f5;border-radius:8px;justify-content:space-between;width:100%;margin:11px 0;padding:14px;font-size:10px;display:flex}.payment-methods b{color:#b39120}.fine-print{text-align:center;color:#888;margin-top:10px;font-size:8px;display:block}.success-screen{text-align:center;padding-top:155px}.success-icon{color:#56b65d;border:5px solid #56b65d;border-radius:50%;place-items:center;width:68px;height:68px;margin:0 auto 40px;font-size:42px;display:grid}.success-screen h1{font-size:18px;line-height:1.25}.success-screen p{margin:25px 0;font-size:11px;line-height:1.6}.profile-screen{background:#f9f9ff}.profile-screen>h1{margin-top:-24px}.profile-intro{justify-content:flex-start;gap:10px;margin:26px 0 18px}.profile-intro>div:nth-child(2){flex:1}.profile-intro h2{margin:0;font-size:15px}.profile-intro small{color:#666;font-size:9px}.profile-intro>button{background:#d8bd50;border-radius:7px;padding:8px 13px;font-size:10px}.membership{background:linear-gradient(110deg,#f0dda0,#c2a32e);border-radius:9px;flex-direction:column;gap:4px;padding:15px;display:flex}.membership small{font-size:7px}.membership strong{letter-spacing:2px;font-size:16px}.membership span{align-self:flex-end;font-size:9px}.profile-menu{margin-top:20px}.profile-menu button{text-align:left;background:0 0;border-bottom:1px solid #e9e8ef;justify-content:space-between;width:100%;padding:17px 4px;font-size:11px;display:flex}.profile-menu b{color:#888}.profile-menu .logout{color:#de4343;border:0}.redemption-tabs{border-bottom:1px solid #ddd;gap:30px;margin:24px -20px 18px;padding:0 20px;display:flex}.redemption-tabs button{color:#89847b;background:0 0;padding:10px 5px;font-size:10px}.redemption-tabs .active{color:var(--gold);border-bottom:2px solid var(--gold)}@media (width>=700px){.app-shell,.simple-screen,.splash-screen{border-radius:4px;min-height:calc(100vh - 40px);margin:20px auto}}.redemption-tabs button.active{border-bottom:2px solid;font-weight:800}.redemption-tabs .used-tab{color:#b39426}.redemption-tabs .expired-tab{color:#8e98a6}.expired-grid .offer-card{filter:grayscale();opacity:.62}.expired-grid .offer-copy strong{color:#8e98a6}.form-content input[aria-invalid=true]{border-color:#d54b4b}.form-error{color:#d54b4b;text-align:left;margin:6px 0 0;font-size:9px;display:block}.accordions details{border:1px solid #ebe9e5}.accordions summary{cursor:pointer;list-style:none}.accordions summary::-webkit-details-marker{display:none}.accordions summary:after{content:"⌄";float:right;color:#b09226;font-size:14px;line-height:8px}.accordions details[open] summary:after{content:"⌃"}.accordions ul,.accordions ol{color:#6e6b65;margin:10px 0 1px;padding-left:18px;line-height:1.45}.accordions li{margin:2px 0;padding-left:2px}.accordions ol{color:#15131a;counter-reset:claim-step;padding-left:0;list-style:none}.accordions ol li{counter-increment:claim-step;align-items:center;gap:10px;margin:12px 0;font-size:11px;display:flex}.accordions ol li:before{content:counter(claim-step);color:#fff;background:#070913;border-radius:50%;flex:0 0 27px;place-items:center;height:27px;display:grid}.copy-toast{color:#fff;background:#19a943;border-radius:18px;width:max-content;max-width:100%;margin:38px auto 0;padding:6px 11px;font-size:8px}.payment-methods button{cursor:pointer;border:1px solid #0000;flex-wrap:wrap;position:relative}.payment-methods button.selected{background:#fff9e6;border-color:#c2a32e}.payment-methods button span{flex:1}.payment-methods button small{color:#9a7d16;width:100%;margin-top:7px;font-size:8px}.payment-screen .gold-button:disabled{cursor:not-allowed;opacity:.55}