.codes-page .codes-layout{grid-template-columns:minmax(0,1fr) 310px;gap:56px;margin:32px 0 48px;display:grid}.codes-page h2{margin:0 0 16px;font-size:28px}.codes-page .codes-note,.codes-page .code-deadline,.codes-page .codes-guide p,.codes-page .codes-history p,.codes-page .codes-faq p{color:#68635d;font-size:14px;line-height:1.8}.codes-page .codes-note{margin:0 0 24px}.codes-page .redeem-code{border-top:1px solid #d5cec4;grid-template-columns:minmax(0,1fr) 140px;align-items:center;gap:20px;padding:26px 0;display:grid}.codes-page .redeem-code h3{margin:0;font-size:21px}.codes-page code{-webkit-user-select:all;user-select:all;overflow-wrap:anywhere;font-family:ui-monospace,monospace}.codes-page .code-rewards{margin:12px 0 6px;font-size:15px;line-height:1.8}.codes-page .code-deadline{margin:0;font-size:12px}.codes-page .code-copy button{color:#fff;width:100%;min-height:44px;font:inherit;cursor:pointer;background:#b91e2d;border:0;padding:10px 14px;font-size:14px}.codes-page .code-copy button:hover{background:#941725}.codes-page .code-copy button:disabled{opacity:.65;cursor:wait}.codes-page .code-copy span{min-height:18px;margin-top:6px;font-size:12px;line-height:1.5;display:block}.codes-page :is(button,summary,a):focus-visible{outline-offset:4px;outline:2px solid #b91e2d}.codes-page .codes-guide{background:#eee9e1;align-self:start;padding:26px}.codes-page .codes-guide ol{margin:24px 0;padding-left:24px}.codes-page .codes-guide li{margin-bottom:24px;padding-left:6px}.codes-page .codes-guide h3,.codes-page .codes-faq h3{margin:0 0 8px;font-size:17px}.codes-page .codes-guide p{margin:0}.codes-page .codes-guide a{color:#b91e2d;align-items:center;min-height:44px;display:inline-flex}.codes-page .codes-history{border-top:1px solid #d5cec4;margin-top:10px;padding-top:16px}.codes-page .codes-history summary{cursor:pointer;align-content:center;min-height:44px;font-size:17px}.codes-page .codes-history ul{flex-wrap:wrap;gap:12px 24px;padding:0;font-size:13px;list-style:none;display:flex}.codes-page .codes-faq{border-top:1px solid #d5cec4;padding:28px 0 48px}.codes-page .codes-faq>div{grid-template-columns:1fr 1fr;gap:40px;display:grid}@media (max-width:900px){.codes-page .codes-layout{grid-template-columns:1fr;gap:32px}}@media (max-width:480px){.codes-page .redeem-code{grid-template-columns:1fr;gap:12px}.codes-page .code-copy{max-width:180px}.codes-page .codes-guide{padding:22px}.codes-page .codes-faq>div{grid-template-columns:1fr;gap:20px}.codes-page .redeem-code h3{font-size:19px}}