:root{color-scheme:dark;--ink:#17100c;--ink-2:#20160f;--paper:#fbf5ee;--cream:#f3e6d6;--muted:#a8927e;--gold:#d4a24c;--gold-hi:#f0c979;--ember:#c9591f;--ember-hi:#f08a3c;--hair:rgb(212 162 76 / 22%);--line:rgb(243 230 214 / 13%);font-family:-apple-system,BlinkMacSystemFont,"PingFang TC","Noto Sans TC","Noto Sans SC",system-ui,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{margin:0;min-width:320px;background:var(--ink);color:var(--cream);font-size:16px;line-height:1.7;-webkit-font-smoothing:antialiased;overflow-x:hidden}[hidden]{display:none!important}button,input,select{font:inherit}button,select{cursor:pointer}a{color:inherit}.svg-defs{position:absolute}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;z-index:100;left:1rem;top:-5rem;padding:.7rem 1rem;background:var(--paper);color:var(--ink)}.skip-link:focus{top:1rem}.wrap{width:min(100% - 56px,1020px);margin-inline:auto}.serif{font-family:"Songti TC","Noto Serif TC","Times New Roman",serif;font-weight:600;letter-spacing:.01em}

.site-header{border-bottom:1px solid var(--hair);background:rgb(23 16 12 / 94%);backdrop-filter:blur(16px)}.header-inner{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:1rem}.brand{display:flex;align-items:center;gap:.75rem;text-decoration:none}.brand img{border-radius:14px;box-shadow:0 6px 20px rgb(0 0 0 / 30%)}.brand span{display:flex;align-items:baseline;gap:.5rem}.brand strong{font-size:1.15rem}.brand small{color:var(--gold);font-family:"Songti TC","Noto Serif TC",serif;font-size:.9rem}.header-actions{display:flex;align-items:center;gap:.75rem}.language-control{min-height:42px;display:flex;align-items:center;gap:.45rem;padding:0 .8rem;border:1px solid var(--hair);border-radius:3px;color:var(--gold-hi)}.language-control select{max-width:7.5rem;border:0;outline:0;background:transparent;color:var(--cream)}.language-control option{background:var(--ink);color:var(--cream)}.account-button{min-height:42px;display:flex;align-items:center;padding:0 1rem;border-radius:2px;background:linear-gradient(120deg,var(--ember),var(--ember-hi));color:#fff;font-weight:700;box-shadow:0 8px 22px rgb(201 89 31 / 20%)}
.campaign-strip{min-height:44px;display:flex;align-items:center;justify-content:center;gap:16px;padding:.55rem 1rem;border-bottom:1px solid var(--hair);background:var(--ink-2);color:#c4ae99;text-align:center;font-size:.86rem}.campaign-strip strong{color:var(--gold-hi)}.campaign-strip i{padding:0 .45rem;color:var(--gold);font-style:normal}.campaign-strip svg{width:19px;height:19px;fill:var(--gold);opacity:.8}

.redeem-hero{position:relative;display:grid;grid-template-columns:minmax(300px,.88fr) minmax(500px,1.12fr);align-items:center;gap:clamp(30px,6vw,74px);padding-block:clamp(58px,9vw,100px)}.mascot-stage{position:relative;min-height:590px;display:flex;align-items:flex-end;justify-content:center;overflow:visible}.mascot-stage::before{content:"";position:absolute;inset:11% 3% 0;border:1px solid var(--hair);background:radial-gradient(circle at 50% 28%,rgb(201 89 31 / 22%),transparent 50%),linear-gradient(160deg,var(--ink-2),rgb(32 22 15 / 20%));border-radius:180px 180px 8px 8px}.mascot{position:relative;z-index:2;width:min(112%,470px);max-height:560px;object-fit:contain;height:auto;filter:drop-shadow(0 28px 26px rgb(0 0 0 / 30%))}.kanok{position:absolute;z-index:1;width:230px;fill:var(--gold);opacity:.075}.kanok-left{left:-80px;top:40px;transform:scaleX(-1)}.speech{position:absolute;z-index:3;top:55px;right:8px;max-width:180px;padding:12px 16px;border-radius:12px 12px 12px 2px;background:var(--paper);color:var(--ink);font-weight:700;box-shadow:0 12px 28px rgb(0 0 0 / 24%)}.speech::after{content:"";position:absolute;left:17px;bottom:-10px;border:6px solid transparent;border-top-color:var(--paper);border-left-color:var(--paper)}.thai-note{position:absolute;z-index:1;left:18px;bottom:18px;color:var(--gold);font-family:"Thonburi","Noto Sans Thai",sans-serif;font-size:1.2rem;letter-spacing:.12em}
.redeem-panel{position:relative;padding:clamp(28px,5vw,52px);border:1px solid var(--hair);border-radius:4px;background:linear-gradient(145deg,rgb(201 89 31 / 8%),transparent 45%),var(--ink-2);box-shadow:0 28px 70px rgb(0 0 0 / 22%)}.redeem-panel::before{content:"";position:absolute;top:-1px;left:46px;width:72px;height:3px;background:linear-gradient(90deg,var(--gold),var(--ember))}.eyebrow{display:flex;align-items:center;gap:.6rem;color:var(--gold);font-size:.76rem;font-weight:750;letter-spacing:.2em}.eyebrow svg{width:17px;height:17px;fill:currentColor}.redeem-panel h1{margin:.6rem 0 .75rem;color:var(--paper);font-size:clamp(2.35rem,5vw,3.7rem);line-height:1.16}.intro{margin:0 0 1.75rem;color:#c4ae99;max-width:38rem}
.account-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.8rem;margin-bottom:1.65rem;padding:1rem;border:1px solid var(--line);background:rgb(251 245 238 / 4%)}.account-avatar{width:44px;height:44px;display:grid;place-items:center;border:1px solid var(--hair);border-radius:50%;color:var(--gold-hi);font-weight:800}.account-copy,.balance-block{display:flex;flex-direction:column}.account-caption,.masked-email,.balance-block span{color:var(--muted);font-size:.78rem}.balance-block{align-items:flex-end;padding-left:1rem;border-left:1px solid var(--hair)}.balance-block strong{color:var(--gold-hi);font-size:1.45rem;line-height:1.1}
form>label{display:block;margin-bottom:.5rem;color:var(--paper);font-weight:700}.code-row{display:grid;grid-template-columns:1fr auto;gap:.65rem}.code-row input{width:100%;min-height:58px;padding:0 1rem;border:1px solid #755c47;border-radius:2px;outline:0;background:var(--paper);color:var(--ink);font-weight:700;letter-spacing:.05em;text-transform:uppercase}.code-row input:focus{border-color:var(--gold-hi);box-shadow:0 0 0 3px rgb(212 162 76 / 20%)}.code-row button{min-height:58px;padding:0 1.4rem;border:0;border-radius:2px;background:linear-gradient(120deg,var(--ember),var(--ember-hi));color:white;font-weight:750;box-shadow:0 10px 24px rgb(201 89 31 / 22%)}.code-row button:hover{filter:brightness(1.08)}.code-row button:disabled{cursor:wait;opacity:.65}.field-hint{margin:.55rem 0 0;color:var(--muted);font-size:.86rem}.form-status{min-height:104px;display:grid;grid-template-columns:86px minmax(0,1fr);align-items:center;gap:1rem;margin-top:1rem;padding:.65rem 1rem .65rem .65rem;border:1px solid var(--hair);border-left:3px solid var(--gold);background:rgb(251 245 238 / 6%);font-weight:700;line-height:1.55}.form-status.success{border-left-color:#75a765;background:linear-gradient(110deg,rgb(117 167 101 / 13%),rgb(251 245 238 / 4%));color:#c8e7bc}.form-status.error{border-left-color:#d9694b;background:linear-gradient(110deg,rgb(217 105 75 / 13%),rgb(251 245 238 / 4%));color:#ffc0ad}.status-mascot{width:86px;height:86px;display:block;object-fit:contain;filter:drop-shadow(0 8px 10px rgb(0 0 0 / 24%))}.trust-note{display:flex;gap:.7rem;margin-top:1.6rem;padding-top:1.25rem;border-top:1px solid var(--line);color:var(--muted);font-size:.88rem}.trust-note span{color:var(--gold)}.trust-note p{margin:0}

.rule{display:flex;align-items:center;gap:18px;color:var(--gold)}.rule span{height:1px;flex:1;background:linear-gradient(90deg,transparent,var(--hair),transparent)}.rule svg{width:26px;height:26px;fill:currentColor;opacity:.75}.how-section{padding-block:clamp(56px,8vw,88px)}.section-heading>span{color:var(--gold);font-size:.76rem;font-weight:750;letter-spacing:.16em}.section-heading h2{margin:.35rem 0 1.8rem;color:var(--paper);font-size:clamp(1.8rem,4vw,2.45rem)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin:0;padding:1px;background:var(--hair);list-style:none}.steps li{min-height:180px;padding:28px;background:var(--ink)}.steps li>span{display:block;margin-bottom:1rem;color:var(--gold);font-size:.76rem;letter-spacing:.18em}.steps strong{color:var(--paper);font-size:1.05rem}.steps p{margin:.45rem 0 0;color:#c4ae99;font-size:.92rem}.eligibility{margin:1.3rem 0 0;color:var(--muted);font-size:.86rem}.faq-band{background:var(--ink-2)}.faq-section{padding-block:clamp(60px,9vw,92px)}.faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;padding:1px;background:var(--hair)}.faq-grid details{padding:1.1rem 1.25rem;background:var(--ink-2)}.faq-grid summary{position:relative;padding-right:2rem;color:var(--paper);font-weight:700;cursor:pointer;list-style:none}.faq-grid summary::-webkit-details-marker{display:none}.faq-grid summary::after{content:"＋";position:absolute;right:0;color:var(--gold)}.faq-grid details[open] summary::after{content:"−"}.faq-grid p{margin:.7rem 0 0;color:#c4ae99;font-size:.92rem}
footer{border-top:1px solid var(--hair)}.footer-inner{min-height:124px;display:flex;align-items:center;justify-content:space-between;gap:1rem}.footer-brand{display:flex;align-items:center;gap:.7rem}.footer-brand img{border-radius:10px}.footer-brand em{color:var(--gold);font-family:"Songti TC","Noto Serif TC",serif;font-style:normal}.footer-brand small{display:block;color:var(--muted)}.footer-inner nav{display:flex;gap:1.4rem}.footer-inner a{color:var(--cream);text-underline-offset:4px}.footer-inner a:hover{color:var(--gold-hi)}

@media(max-width:860px){.redeem-hero{grid-template-columns:1fr;max-width:680px}.mascot-stage{min-height:330px;align-items:flex-end;justify-content:flex-start;padding-left:4%}.mascot-stage::before{inset:5% 0 0;border-radius:150px 150px 4px 4px}.mascot{width:300px;max-height:320px}.speech{top:78px;right:8%;max-width:240px}.thai-note{left:auto;right:8%;bottom:28px}.steps{grid-template-columns:1fr}.steps li{min-height:auto}.faq-grid{grid-template-columns:1fr}}
@media(max-width:560px){.wrap{width:min(100% - 32px,1020px)}.header-inner{min-height:72px}.brand img{width:44px;height:44px}.brand small,.account-button{display:none}.language-control{padding-inline:.6rem}.campaign-strip>svg{display:none}.campaign-strip span{display:flex;flex-direction:column}.campaign-strip i{display:none}.redeem-hero{padding-block:26px 40px;gap:18px}.mascot-stage{min-height:250px;padding-left:0}.mascot-stage::before{inset:0;border-radius:100px 100px 4px 4px;background:radial-gradient(circle at 20% 45%,rgb(201 89 31 / 22%),transparent 48%),var(--ink-2)}.mascot{width:238px;max-height:245px}.speech{top:38px;right:24px;max-width:150px;font-size:.82rem;line-height:1.5}.thai-note{right:20px;bottom:18px;font-size:.95rem}.redeem-panel{padding:26px 20px}.redeem-panel h1{font-size:clamp(2rem,10vw,2.35rem)}.account-card{grid-template-columns:auto 1fr}.balance-block{grid-column:1/-1;align-items:center;flex-direction:row;justify-content:space-between;padding:.8rem 0 0;border-top:1px solid var(--hair);border-left:0}.code-row{grid-template-columns:1fr}.code-row button{width:100%}.kanok{display:none}.footer-inner{align-items:flex-start;flex-direction:column;justify-content:center;padding-block:1.5rem}.footer-inner nav{gap:1rem;flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.account-button{border:0}
.auth-gate{padding:1.25rem;border:1px solid var(--hair);background:rgb(251 245 238 / 4%)}
.auth-copy{display:flex;align-items:flex-start;gap:.85rem}.auth-lock{flex:0 0 38px;width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--hair);border-radius:50%;color:var(--gold-hi)}.auth-copy h2{margin:0;color:var(--paper);font-family:"Songti TC","Noto Serif TC",serif;font-size:1.3rem}.auth-copy p{margin:.2rem 0 0;color:#c4ae99;font-size:.9rem}.auth-buttons{display:grid;grid-template-columns:1fr;gap:.7rem;margin-top:1.2rem}.provider-button{position:relative;min-height:52px;display:flex;align-items:center;justify-content:center;padding:0 3rem;border-radius:4px;color:#1f1f1f;font-size:.95rem;font-weight:750}.provider-button.apple{border:1px solid #fff;background:#fff;color:#000}.provider-button.google{border:1px solid #747775;background:#fff;color:#1f1f1f}.provider-logo{position:absolute;left:12px;width:32px;height:32px;display:block;object-fit:contain}.provider-button.google .provider-logo{left:16px;width:24px;height:24px}.provider-button:hover{filter:brightness(.96)}.provider-button:disabled{cursor:wait;opacity:.6}.auth-note{margin:1rem 0 0;color:var(--muted);font-size:.8rem}.login-status{margin-top:.8rem;padding:.65rem .8rem;border-left:2px solid var(--gold);background:rgb(251 245 238 / 5%);color:#d9c6b2;font-size:.85rem}
@media(max-width:560px){.auth-buttons{grid-template-columns:1fr}.auth-gate{padding:1rem}.form-status{grid-template-columns:72px minmax(0,1fr);gap:.75rem;min-height:90px;padding:.55rem .75rem .55rem .45rem;font-size:.9rem}.status-mascot{width:72px;height:72px}}

/* Signed-in balance and private credit activity. */
.account-card{margin-bottom:.75rem}.account-copy{min-width:0}.account-copy strong,.masked-email{overflow-wrap:anywhere}.balance-value-row{display:flex;align-items:center;justify-content:flex-end;gap:.45rem}.refresh-button{width:32px;height:32px;display:grid;flex:0 0 32px;place-items:center;padding:0;border:1px solid var(--hair);border-radius:50%;background:transparent;color:var(--gold-hi);font-size:1.1rem;line-height:1}.refresh-button:hover{background:rgb(240 201 121 / 9%)}.refresh-button:disabled{cursor:wait;opacity:.55}.refresh-button.is-loading span{display:block;animation:balance-spin .8s linear infinite}.balance-block small{min-height:1.3em;margin-top:.2rem;color:var(--muted);font-size:.66rem;white-space:nowrap}@keyframes balance-spin{to{transform:rotate(360deg)}}
.credit-history{margin-bottom:1.65rem;border:1px solid var(--line);background:rgb(251 245 238 / 3%)}.history-toggle{width:100%;min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.6rem 1rem;border:0;background:transparent;color:var(--cream);font-weight:750;text-align:left}.history-toggle:hover{background:rgb(251 245 238 / 4%)}.history-chevron{color:var(--gold);font-size:1.2rem;transition:transform .18s ease}.history-toggle[aria-expanded="true"] .history-chevron{transform:rotate(180deg)}.history-panel{border-top:1px solid var(--line);padding:.25rem 1rem .9rem}.history-status{padding:.65rem 0;color:var(--muted);font-size:.82rem}.history-list{margin:0;padding:0;list-style:none}.history-list li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1rem;padding:.72rem 0;border-bottom:1px solid var(--line)}.history-list li>div{min-width:0;display:flex;flex-direction:column}.history-list time,.history-list li>div:last-child span{color:var(--muted);font-size:.72rem}.history-list li>div:last-child{align-items:flex-end}.history-delta{font-variant-numeric:tabular-nums}.history-delta.positive{color:#bdddaf}.history-delta.negative{color:#efad98}.history-more{width:100%;min-height:40px;margin-top:.75rem;border:1px solid var(--hair);border-radius:2px;background:transparent;color:var(--gold-hi);font-weight:700}.history-more:hover{background:rgb(240 201 121 / 8%)}
@media(max-width:560px){.balance-block{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center}.balance-block>span{grid-row:1}.balance-value-row{grid-row:1;justify-content:flex-end}.balance-block small{grid-column:1/-1;text-align:right;white-space:normal}.history-list li{gap:.65rem}.history-panel{padding-inline:.8rem}.code-row button{min-width:0;white-space:normal}}
@media(prefers-reduced-motion:reduce){.refresh-button.is-loading span{animation:none}.history-chevron{transition:none}}

/* Credit history opens above the redemption flow, so it never shifts the form. */
.history-launch{margin-bottom:1.65rem}.history-launch .history-toggle{border:1px solid var(--line);background:rgb(251 245 238 / 3%)}.history-launch .history-toggle:hover{background:rgb(251 245 238 / 6%)}.history-arrow{color:var(--gold);font-size:1.05rem}.history-dialog{width:min(92vw,540px);max-width:none;max-height:min(82dvh,720px);margin:auto;padding:0;border:1px solid var(--hair);border-radius:6px;background:var(--ink-2);color:var(--cream);box-shadow:0 32px 90px rgb(0 0 0 / 55%);overflow:hidden}.history-dialog::backdrop{background:rgb(12 7 4 / 72%);backdrop-filter:blur(4px)}.history-dialog-card{max-height:min(82dvh,720px);display:flex;flex-direction:column;padding:1.2rem}.history-dialog header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding-bottom:.9rem;border-bottom:1px solid var(--line)}.dialog-kicker{color:var(--gold);font-size:.7rem;font-weight:750;letter-spacing:.18em}.history-dialog h2{margin:.15rem 0 0;color:var(--paper);font-family:"Songti TC","Noto Serif TC","Times New Roman",serif;font-size:1.65rem;line-height:1.25}.history-close{width:40px;height:40px;display:grid;flex:0 0 40px;place-items:center;padding:0;border:1px solid var(--hair);border-radius:50%;background:transparent;color:var(--cream);font-size:1.55rem;line-height:1}.history-close:hover{background:rgb(251 245 238 / 7%)}.history-dialog .history-list{min-height:0;overflow-y:auto;overscroll-behavior:contain}.history-dialog .history-status{flex:0 0 auto}.history-dialog .history-more{flex:0 0 auto}.history-dialog .history-list li:last-child{border-bottom:0}
@media(max-width:560px){.history-dialog{width:calc(100vw - 24px);max-height:calc(100dvh - 24px)}.history-dialog-card{max-height:calc(100dvh - 24px);padding:1rem}.history-dialog h2{font-size:1.45rem}}