/* KedaiPabz · How to redeem */
.rg{--bg:#08060d;--card:#120e1c;--card2:#18122a;--line:rgba(255,255,255,.08);--line2:rgba(168,85,247,.28);--txt:#f4effa;--mut:#a59cb5;--mut2:#776e88;--v:#a855f7;color:var(--txt);padding:0 0 70px;overflow-x:clip}
.rg *{box-sizing:border-box}
.rg-wrap{width:min(1080px,calc(100% - 28px));margin:0 auto}
.rg h2{margin:0 0 12px;font-size:clamp(19px,3.6vw,24px);font-weight:900;letter-spacing:-.02em}
.rg-sec{margin-top:44px}
.rg-lead{margin:-4px 0 14px;color:var(--mut);font-size:14px;max-width:62ch}
.rg :focus-visible{outline:2px solid #c4b5fd;outline-offset:3px;border-radius:12px}

/* hero */
.rg-hero{padding:34px 0 8px}
.rg-hero h1{margin:0;max-width:16ch;font-size:clamp(30px,7.4vw,58px);line-height:1;font-weight:900;letter-spacing:-.045em}
.rg-hero>p{margin:14px 0 0;max-width:52ch;color:var(--mut);font-size:15.5px;line-height:1.6}
.rg-pick{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-top:24px}
@media(max-width:700px){.rg-pick{grid-template-columns:repeat(3,minmax(0,1fr))}}
.rg-pick-b{--t:#a855f7;position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:16px;min-height:96px;padding:14px;border-radius:18px;border:1px solid var(--line);background:var(--card);color:var(--mut);font:inherit;font-size:14px;font-weight:800;text-align:left;cursor:pointer;overflow:hidden;transition:border-color .2s,color .2s,background .2s}
.rg-pick-b i{font-size:20px;color:var(--t)}
.rg-pick-b:hover{border-color:color-mix(in srgb,var(--t) 45%,transparent);color:var(--txt)}
.rg-pick-b[aria-selected="true"]{color:#fff;border-color:var(--t);background:linear-gradient(160deg,color-mix(in srgb,var(--t) 28%,var(--card)),var(--card) 70%)}
.rg-pick-b[aria-selected="true"]::after{content:"";position:absolute;right:12px;top:12px;width:8px;height:8px;border-radius:50%;background:var(--t);box-shadow:0 0 0 4px color-mix(in srgb,var(--t) 25%,transparent)}
.rg-have{display:flex;align-items:center;gap:12px;margin-top:12px;padding:12px 14px;border-radius:16px;border:1px dashed var(--line2);color:var(--txt);text-decoration:none;max-width:420px}
.rg-have-ic{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:rgba(168,85,247,.16);color:#d8b4fe}
.rg-have b{display:block;font-size:14px}.rg-have small{color:var(--mut);font-size:12.5px}
.rg-have>i{margin-left:auto;color:var(--mut2)}

/* journey */
#rg-panel{margin-top:28px;scroll-margin-top:90px}
.rg-journey{--t:#a855f7}
.rg-journey[hidden]{display:none}
.rg-brief{display:grid;gap:12px;padding:18px;border-radius:22px;background:linear-gradient(135deg,color-mix(in srgb,var(--t) 16%,var(--card)),var(--card));border:1px solid color-mix(in srgb,var(--t) 35%,transparent)}
.rg-brief-sum{margin:0;font-size:16px;font-weight:700;line-height:1.5;max-width:60ch}
.rg-brief dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0}
@media(max-width:700px){.rg-brief dl{grid-template-columns:1fr}}
.rg-brief dl div{padding:10px 12px;border-radius:14px;background:rgba(0,0,0,.25)}
.rg-brief dt{font-size:12px;color:var(--mut);font-weight:700}
.rg-brief dt i{color:var(--t);margin-right:4px}
.rg-brief dd{margin:3px 0 0;font-size:13.5px;font-weight:700}

.rg-steps{list-style:none;margin:22px 0 0;padding:0;position:relative}
.rg-steps::before{content:"";position:absolute;left:17px;top:8px;bottom:8px;width:2px;background:linear-gradient(var(--t),color-mix(in srgb,var(--t) 10%,transparent))}
.rg-step{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,320px);gap:14px 26px;align-items:center;padding:0 0 22px 52px}
@media(max-width:760px){.rg-step{grid-template-columns:1fr}}
.rg-num{position:absolute;left:0;top:0;width:36px;height:36px;border-radius:12px;display:grid;place-items:center;background:var(--t);color:#120a1f;font-weight:900;font-size:15px;box-shadow:0 0 0 5px var(--bg)}
.rg-step h3{margin:6px 0 4px;font-size:17px;font-weight:850;letter-spacing:-.01em}
.rg-step p{margin:0;color:var(--mut);font-size:14px;line-height:1.55;max-width:56ch}
.rg-journey.in .rg-step{animation:rgIn .45s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(var(--i) * 70ms)}
@keyframes rgIn{from{opacity:0;transform:translateY(12px)}}

/* mock screens */
.rg-mock{display:grid;gap:8px;padding:14px;border-radius:18px;background:var(--card2);border:1px solid var(--line);min-height:84px;align-content:center}
.m-pick{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.m-pick span{height:44px;border-radius:12px;background:rgba(255,255,255,.05);border:1px solid var(--line)}
.m-pick span.on{display:grid;place-items:center;border-color:var(--t);background:color-mix(in srgb,var(--t) 18%,transparent)}
.m-pick b{font-size:13px}
.m-field{display:grid;grid-template-columns:auto 1fr auto 1fr;align-items:center;gap:4px 8px;padding:10px 12px;border-radius:12px;background:rgba(0,0,0,.3);border:1px solid var(--line)}
.m-field.wide{grid-template-columns:1fr}
.m-field small{font-size:11px;color:var(--mut2)}.m-field b{font-size:14px;font-family:ui-monospace,Menlo,monospace}
.m-ok{display:inline-flex;align-items:center;gap:6px;justify-self:start;padding:5px 10px;border-radius:999px;background:rgba(74,222,128,.12);color:#86efac;font-size:12px;font-weight:700}
.m-ok.warn{background:rgba(252,211,77,.12);color:#fde68a}
.m-ok.big{justify-self:center;font-size:15px;padding:9px 14px}
.m-pay{display:grid;gap:6px}
.m-pay span{display:flex;align-items:center;gap:8px;padding:9px 12px;border-radius:12px;border:1px solid var(--line);font-size:13px;font-weight:700;color:var(--mut)}
.m-pay span.on{border-color:var(--t);color:var(--txt);background:color-mix(in srgb,var(--t) 14%,transparent)}
.m-pin{display:grid;grid-template-columns:repeat(6,1fr);gap:6px}
.m-pin span{display:grid;place-items:center;aspect-ratio:3/4;border-radius:10px;background:rgba(0,0,0,.35);border:1px solid var(--line);font:800 22px/1 ui-monospace,Menlo,monospace;color:#fff;transition:border-color .2s,transform .2s}
.m-pin span.f{border-color:var(--t);transform:translateY(-2px)}
.m-pin.small span{font-size:15px;aspect-ratio:1}
.m-pin.filled span{border-color:color-mix(in srgb,var(--t) 50%,transparent)}
.m-cap{text-align:center;font-size:12px;color:var(--mut)}
.m-redeem{display:grid;gap:8px}
.m-btn{display:grid;place-items:center;height:40px;border-radius:12px;background:var(--t);color:#120a1f;font-weight:900;font-size:14px}
.m-code{display:grid;gap:6px;padding:12px;border-radius:14px;border:1px solid rgba(74,222,128,.35);background:#06100b}
.m-code small{color:#86efac;font-size:12px;font-weight:700}
.m-code b{font:800 18px/1.2 ui-monospace,Menlo,monospace;letter-spacing:.08em}
.m-copy{justify-self:end;border:0;background:none;color:#c4b5fd;font:inherit;font-size:12.5px;font-weight:800}
.m-brands{display:flex;justify-content:center;gap:16px;font-size:26px;color:var(--mut)}
.m-wait{display:flex;align-items:center;justify-content:center;gap:10px;font-size:13.5px;font-weight:700;color:var(--mut)}
.m-spin{width:20px;height:20px;border-radius:50%;border:3px solid color-mix(in srgb,var(--t) 25%,transparent);border-top-color:var(--t);animation:rgSpin .9s linear infinite}
@keyframes rgSpin{to{transform:rotate(360deg)}}
.m-cred{display:grid;border-radius:12px;overflow:hidden;border:1px solid rgba(74,222,128,.25);background:#06100b}
.m-cred div{display:grid;grid-template-columns:70px 1fr auto;align-items:center;gap:8px;padding:9px 12px}
.m-cred div+div{border-top:1px solid rgba(74,222,128,.12)}
.m-cred small{font-size:11px;color:#6ee7a6;font-weight:700}
.m-cred b{font:13px ui-monospace,Menlo,monospace;color:#d1fae5}
.m-cred b.blur{filter:blur(5px)}
.m-cred i{color:#86efac;font-size:12px}
.m-notes,.m-later{display:flex;flex-wrap:wrap;gap:6px}
.m-notes span,.m-later span{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border-radius:999px;background:rgba(255,255,255,.05);border:1px solid var(--line);font-size:12.5px;font-weight:700}
.m-notes i,.m-later i{color:var(--t)}
.m-prog{display:grid;gap:8px}
.m-bar{height:10px;border-radius:999px;background:rgba(255,255,255,.07);overflow:hidden}
.m-bar span{display:block;height:100%;width:74%;border-radius:inherit;background:var(--t)}
.m-prog small{font-size:12px;color:var(--mut)}
.m-done{display:flex;align-items:center;justify-content:center;gap:10px;font-size:16px}
.m-done i{font-size:28px;color:#4ade80}

.rg-cta{display:flex;flex-wrap:wrap;gap:10px;padding-left:52px}
@media(max-width:560px){.rg-cta{padding-left:0}.rg-cta .rg-btn{flex:1}}
.rg-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 20px;border-radius:15px;background:linear-gradient(135deg,#7c3aed,#a855f7 50%,#c026d3);color:#fff;font-weight:850;font-size:14.5px;text-decoration:none;border:0}
.rg-btn.ghost{background:rgba(255,255,255,.05);border:1px solid var(--line)}
.rg-btn:hover{filter:brightness(1.08)}

/* where */
.rg-where{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
@media(max-width:900px){.rg-where{grid-template-columns:1fr 1fr}}
@media(max-width:480px){.rg-where{grid-template-columns:1fr}}
.rg-where a{display:grid;gap:4px;padding:16px;border-radius:18px;background:var(--card);border:1px solid var(--line);color:var(--txt);text-decoration:none;transition:border-color .2s}
.rg-where a:hover{border-color:var(--line2)}
.rg-where i{font-size:20px;color:#c084fc;margin-bottom:6px}
.rg-where b{font-size:15px}.rg-where span{font-size:13px;color:var(--mut);line-height:1.5}

/* statuses */
.rg-status{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
@media(max-width:820px){.rg-status{grid-template-columns:1fr}}
.rg-status div{display:grid;gap:6px;padding:14px;border-radius:16px;background:var(--card);border:1px solid var(--line)}
.rg-status p{margin:0;font-size:13px;color:var(--mut);line-height:1.5}
.s{justify-self:start;padding:5px 11px;border-radius:999px;font-size:12px;font-weight:800}
.s.wait{background:rgba(252,211,77,.12);color:#fde68a}
.s.paid{background:rgba(96,165,250,.14);color:#bfdbfe}
.s.proc{background:rgba(168,85,247,.16);color:#e9d5ff}
.s.queue{background:rgba(251,146,60,.14);color:#fed7aa}
.s.ok{background:rgba(74,222,128,.13);color:#86efac}
.s.bad{background:rgba(251,113,133,.13);color:#fda4af}

/* accordions */
.rg-brandlist{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
@media(max-width:700px){.rg-brandlist{grid-template-columns:1fr}}
.rg-acc{margin-bottom:8px;border-radius:16px;background:var(--card);border:1px solid var(--line)}
.rg-brandlist .rg-acc{margin:0}
.rg-acc summary{list-style:none;display:flex;align-items:center;gap:10px;padding:14px 16px;font-weight:800;font-size:14.5px;cursor:pointer}
.rg-acc summary::-webkit-details-marker{display:none}
.rg-acc summary>i{width:20px;text-align:center;color:#c084fc}
.rg-plus{position:relative;margin-left:auto;flex:0 0 14px;height:14px}
.rg-plus::before,.rg-plus::after{content:"";position:absolute;left:0;top:6px;width:14px;height:2px;border-radius:2px;background:var(--mut);transition:transform .2s}
.rg-plus::after{transform:rotate(90deg)}
.rg-acc[open] .rg-plus::after{transform:rotate(0)}
.rg-acc[open]{border-color:var(--line2)}
.rg-acc p,.rg-acc ol{margin:0;padding:0 16px 16px;color:var(--mut);font-size:14px;line-height:1.6}
.rg-acc ol{padding-left:36px}
.rg-acc li+li{margin-top:4px}

/* refunds + safety */
.rg-two{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media(max-width:760px){.rg-two{grid-template-columns:1fr}}
.rg-card{padding:18px;border-radius:20px;background:var(--card);border:1px solid var(--line)}
.rg-card h2{display:flex;align-items:center;gap:10px;font-size:18px}
.rg-card h2 i{color:#c084fc}
.rg-card.safe h2 i{color:#86efac}
.rg-card ul{margin:0;padding-left:18px;color:var(--mut);font-size:14px;line-height:1.6}
.rg-card li+li{margin-top:6px}

/* help */
.rg-help{display:flex;flex-wrap:wrap;align-items:center;gap:16px;padding:22px;border-radius:24px;background:linear-gradient(135deg,rgba(124,58,237,.25),rgba(192,38,211,.12));border:1px solid var(--line2)}
.rg-help>div{flex:1;min-width:220px}
.rg-help p{margin:0;color:var(--mut);font-size:14px}

@media(prefers-reduced-motion:reduce){.rg *{animation:none!important;transition:none!important}}