:root{--ink:#12223c;--muted:#6c7b91;--line:#dde6f0;--blue:#246bef;--blue-dark:#175bd5;--pale:#f6f9fd;font-family:Inter,"Noto Sans SC",system-ui,sans-serif;color:var(--ink)}*{box-sizing:border-box}body{margin:0;min-width:320px;background:#fff}.topbar{height:82px;max-width:1296px;margin:auto;padding:0 32px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #edf1f6}.brand{font-weight:700;color:var(--ink);font-size:18px;letter-spacing:-.04em;text-decoration:none}.topbar nav a{font-size:13px;color:#6880a1;text-decoration:none}.topbar nav a:hover{color:var(--blue)}.page-shell{width:min(100% - 64px,1200px);margin:0 auto;padding:88px 0 66px}.redeem-section{border-bottom:1px solid var(--line);padding-bottom:38px}.section-heading p,.task-heading p{margin:0;color:#6083b8;font-size:11px;font-weight:700;letter-spacing:.11em}.section-heading h1{font-size:30px;letter-spacing:-.055em;margin:10px 0 8px}.section-heading span{font-size:14px;color:var(--muted)}.voucher-form{display:grid;grid-template-columns:minmax(0,1fr) 164px;gap:12px;margin-top:30px}.voucher-form input{width:100%;height:58px;padding:0 18px;border:1px solid #cfdbea;border-radius:12px;background:#fff;color:var(--ink);outline:none;font:500 15px Inter,"Noto Sans SC",sans-serif;transition:border .2s,box-shadow .2s}.voucher-form input::placeholder{color:#9aa9ba}.voucher-form input:focus{border-color:#84adf6;box-shadow:0 0 0 4px rgba(36,107,239,.1)}button{font-family:inherit;cursor:pointer}.voucher-form button,.change-button{border:0;border-radius:12px;background:var(--blue);color:#fff;font-size:15px;font-weight:600;transition:background .2s,transform .2s}.voucher-form button:hover,.change-button:hover{background:var(--blue-dark);transform:translateY(-1px)}button:disabled{cursor:not-allowed!important;opacity:.42!important;transform:none!important}.task-panel{margin-top:48px;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#fff}.task-heading{display:flex;justify-content:space-between;align-items:start;padding:29px 32px 25px;border-bottom:1px solid var(--line)}.task-heading h2{margin:8px 0 0;font-size:22px;letter-spacing:-.045em}.status-label{font-size:13px;color:#346fc8;background:#f0f6ff;border-radius:999px;padding:8px 11px}.task-workspace{display:grid;grid-template-columns:1.05fr 1.1fr .85fr}.task-cell{min-width:0;padding:33px 32px;display:flex;flex-direction:column;align-items:flex-start}.task-cell+.task-cell{border-left:1px solid var(--line)}.cell-label{margin:0;color:#728198;font-size:13px;font-weight:600}.primary-value{font:600 clamp(24px,3vw,38px)/1.2 "DM Mono",monospace;letter-spacing:-.045em;margin:29px 0 25px;white-space:nowrap}.copy-button{min-height:38px;padding:0 13px;border:1px solid #b9cff2;border-radius:9px;background:#fff;color:#2766c5;font-size:13px;font-weight:600}.copy-button:hover{background:#f2f7ff}.copy-primary{min-width:126px}.code-value{font:600 clamp(20px,2.3vw,30px)/1.2 "DM Mono",monospace;letter-spacing:.12em;color:#a3b2c4;margin:30px 0 11px;white-space:nowrap}.code-value.received{letter-spacing:.12em;color:var(--ink)}.code-cell #sms-code{position:absolute;clip:rect(0,0,0,0);clip-path:inset(50%);height:1px;overflow:hidden;white-space:nowrap;width:1px}.cell-help{min-height:20px;margin:0 0 22px;color:#8795a7;font-size:13px}.change-hint{min-height:50px;margin:29px 0 19px;color:#60718a;font-size:15px;line-height:1.65}.change-button{width:100%;height:45px}.refresh-button{align-self:center;border:0;background:transparent;color:#2869c9;font-size:13px;font-weight:600;margin-top:18px;padding:5px}.refresh-button:hover{text-decoration:underline}.task-footer{min-height:71px;padding:0 32px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px}.task-meta{min-width:0;display:flex;gap:24px;color:#8a98aa;font-size:12px}.task-meta span{white-space:nowrap}.task-meta strong{font:500 12px "DM Mono",monospace;color:#53647b;margin-left:5px}.cancel-button{border:0;background:transparent;color:#a56d78;font-size:13px;padding:7px}.cancel-button:hover{text-decoration:underline}.site-footer{max-width:1296px;margin:auto;padding:22px 32px 30px;color:#9aa8b8;font-size:12px}.toast{position:fixed;z-index:10;top:22px;left:50%;transform:translate(-50%,-180%);background:#182a43;color:#fff;border-radius:9px;padding:11px 14px;font-size:13px;box-shadow:0 12px 30px rgba(12,28,51,.16);transition:transform .28s ease}.toast.error{background:#a64e5a}.toast.show{transform:translate(-50%,0)}.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}@media(max-width:760px){.topbar{height:68px;padding:0 20px}.page-shell{width:min(100% - 32px,560px);padding:50px 0}.section-heading h1{font-size:27px}.voucher-form{grid-template-columns:1fr}.voucher-form button{height:52px}.task-panel{margin-top:35px}.task-heading{padding:23px 21px}.task-heading h2{font-size:19px}.status-label{display:none}.task-workspace{grid-template-columns:1fr}.task-cell{padding:25px 21px}.task-cell+.task-cell{border-left:0;border-top:1px solid var(--line)}.primary-value{font-size:30px;margin:22px 0}.code-value{margin-top:23px}.task-footer{padding:15px 21px;align-items:flex-start;flex-direction:column}.task-meta{flex-direction:column;gap:7px}.cancel-button{align-self:flex-end;margin-top:-29px}.site-footer{padding:18px 20px 28px}}
