.rhdr{background:var(--maroon-deep);color:#E9DCD3}
.rhdr .in{max-width:1180px;margin:0 auto;padding:14px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.rhdr .brand{margin:0;padding:8px 14px}
.rhdr .brand img{height:36px}
.rhdr .who{display:flex;align-items:center;gap:14px;font-size:13px}
.rhdr .who b{color:var(--paper);display:block}
.rhdr .btn-ghost{color:#fff;border-color:rgba(255,255,255,.4)}
.rhdr .btn-ghost:hover{background:rgba(255,255,255,.12);color:#fff}
.rwrap{max-width:1180px;margin:0 auto;padding:32px 24px 80px}
.hello{margin-bottom:24px}
.hello h1{font-size:46px;line-height:1.05;font-weight:500}
.hello p{color:var(--muted);margin-top:6px}
.codes{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(360px,100%),1fr));gap:16px;margin-bottom:20px}
.codecard{background:var(--maroon);color:var(--paper);border-radius:22px;padding:24px;position:relative;overflow:hidden}
.codecard::after{content:"";position:absolute;right:-40px;top:-40px;width:160px;height:160px;border-radius:50%;background:rgba(255,255,255,.07)}
.codecard .l{font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--sand)}
.codecard .cd{font-size:38px;font-weight:700;letter-spacing:.1em;line-height:1.2;margin:4px 0 6px}
.codecard p{font-size:13px;color:#E9DCD3}
.codecard .row{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px;position:relative;z-index:1}
.codecard .btn{background:var(--paper);color:var(--maroon);border-color:var(--paper);min-height:40px;padding:0 16px;font-size:13px}
.codecard .btn:hover{background:var(--blush)}
.codecard .btn.ghost{background:transparent;color:var(--paper);border-color:rgba(255,255,255,.5)}
.codecard .btn.ghost:hover{background:rgba(255,255,255,.12)}
.codecard.off{background:#8B7B77}
.bal{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}
.bal b{font-size:34px;letter-spacing:-.01em}
.mats{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(240px,100%),1fr));gap:16px;margin-top:16px}
.mat{border:1px solid var(--line);border-radius:16px;padding:12px;background:var(--cream);display:flex;flex-direction:column;gap:8px}
.mat img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:12px;background:var(--blush)}
.mat b{font-size:13px;line-height:1.35}
.mat .acts{margin-top:auto}
.how{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));gap:12px;margin-top:16px}
.how div{background:var(--cream);border-radius:14px;padding:14px 16px;font-size:13px}
.how b{display:block;margin-bottom:2px}
@media (max-width:760px){.hello h1{font-size:36px}.rwrap{padding:22px 16px 64px}.codecard .cd{font-size:30px}.rhdr .in{padding:12px 16px}}