html body #saqRef{max-width:1650px;margin-inline:auto}
html body #saqRef .sr-hero{min-height:clamp(450px,33vw,590px);border-radius:0;background:none;overflow:hidden}
#saqRef .sr-agent{width:30%;height:94%;opacity:1;mask-image:linear-gradient(#000 87%,transparent)}
#saqRef .sr-center{width:min(38%,455px);padding:26px 0 40px}
html body #saqRef .sr-center h1{font-family:Impact,'Arial Narrow',Unbounded,sans-serif;font-size:clamp(28px,3.55vw,59px);font-weight:900;line-height:.98;letter-spacing:-.025em;margin:0 0 21px}
#saqRef .sr-center h1 span{display:block;white-space:nowrap;transform:scaleX(.84);transform-origin:center}
#saqRef .sr-center form{width:100%;margin-top:32px}
html body #saqRef form button{display:block;width:100%!important;max-width:none!important;min-height:52px;text-align:center;margin:0!important}
html body #saqRef #sr-copy{min-height:36px}
#saqRef .sr-stats{margin-top:30px}
#saqRef .sr-rewards{margin:0 0 35px}
#saqRef .sr-rewards article{position:relative;box-sizing:border-box;min-height:148px;padding:22px 22px 22px clamp(100px,12vw,172px);overflow:visible}
#saqRef .sr-rewards article img{position:absolute;left:7px;bottom:0;width:clamp(88px,10.5vw,153px);height:calc(100% + 24px);object-fit:contain;object-position:bottom}
#saqRef .sr-rewards article+article img{height:100%}
#saqRef .sr-activate{grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);gap:24px;margin-bottom:37px}
#saqRef .sr-activate form{padding:16px;border-radius:17px}
#saqRef #sr-bind-note:empty{display:none}
#saqRef #sr-badges span{padding:12px 15px;border-radius:30px;color:#fff}
#saqRef .sr-faq{width:min(100%,1080px);margin:0 auto 55px}
#saqRef .sr-faq h2{text-align:center;font-size:clamp(30px,4vw,42px)}
#saqRef .sr-faq-intro{text-align:center;margin:12px 0 30px}
#saqRef .sr-faq details{padding:0;border-radius:10px;background:#181818}
#saqRef .sr-faq summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:70px;padding:15px 23px;color:#fff;font-size:clamp(15px,1.45vw,21px)}
#saqRef .sr-faq summary::-webkit-details-marker{display:none}
#saqRef .sr-faq summary:after{content:'';width:8px;height:8px;flex:0 0 8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg)}
#saqRef .sr-faq details[open] summary:after{transform:rotate(225deg)}
#saqRef .sr-faq details p{padding:0 23px 18px}
@media(max-width:900px){#saqRef .sr-center{width:min(53%,455px)}#saqRef .sr-agent{width:29%;opacity:.78}}
@media(max-width:620px){html body #saqRef .sr-hero{min-height:0}#saqRef .sr-agent{width:43%;opacity:.18}#saqRef .sr-center{width:min(94%,455px)}#saqRef .sr-rewards article{min-height:110px;padding:14px 12px 14px 100px}#saqRef .sr-activate{grid-template-columns:1fr}#saqRef .sr-faq summary{min-height:55px;padding-inline:14px}}

/* The header and hero share one continuous backdrop. */
html body:has(#saqRef){background-color:#15120e!important}
html body:has(#saqRef) #starfield{opacity:.14}
html body #saqRef .sr-hero{background:radial-gradient(ellipse 32% 70% at 12% 54%,#ce963014,transparent),radial-gradient(ellipse 32% 70% at 88% 54%,#ce963014,transparent)}

#saqRef .sr-code-controls{width:100%;max-width:455px;margin:32px auto 0}
#saqRef .sr-code-controls form{margin:0;max-width:none}
#saqRef #sr-code-value{display:flex;align-items:center;min-height:52px;padding:0 13px;border-radius:10px;border:1px solid #ffffff12;background:#242424;color:#fff;font-size:15px;font-weight:800;text-align:left;overflow-wrap:anywhere}
#saqRef .sr-code-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:8px}
#saqRef .sr-code-actions button{display:flex;justify-content:center;align-items:center;gap:10px;min-width:0;min-height:52px;padding:8px;border:0;border-radius:9px;font-size:14px;font-weight:750;cursor:pointer}
html body #saqRef #sr-copy-code{background:#ffd54b!important;color:#181309!important}
html body #saqRef #sr-copy{background:#242424!important;color:#fff!important}
#saqRef .sr-code-actions button:hover{filter:brightness(1.13)}
#saqRef .sr-code-actions svg{width:21px;height:21px;flex:0 0 21px;fill:none!important;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
html body #saqRef #sr-edit,html body #saqRef #sr-cancel{background:none!important;border:0!important;color:#e9c26a!important;text-decoration:underline dotted;text-underline-offset:5px;min-height:34px;margin-top:7px!important;cursor:pointer}
#saqRef #sr-code-status{margin-top:8px;color:#ebc66f;font-size:13px;overflow-wrap:anywhere}
#saqRef #sr-code-status:empty{display:none}
#saqRef .sr-code-controls button:focus-visible{outline:2px solid #fff1b3;outline-offset:3px}
@media(max-width:400px){#saqRef .sr-code-actions button{gap:6px;font-size:12px}#saqRef .sr-code-actions svg{width:16px;height:16px;flex-basis:16px}}

html body #saqRef .sr-code-actions{width:100%;justify-items:stretch;align-items:stretch}
html body #saqRef .sr-code-actions > button:is(#sr-copy-code,#sr-copy){
 box-sizing:border-box;display:flex!important;align-items:center;justify-content:center;
 width:100%!important;min-width:0!important;max-width:none!important;
 height:52px!important;min-height:52px!important;margin:0!important;padding:0 8px!important;
 font:650 clamp(12px,1.3vw,15px)/1.15 Arial,sans-serif!important;
}
html body #saqRef #sr-code-view{text-align:center}
html body #saqRef #sr-code-view > #sr-edit{
 display:inline-flex!important;justify-content:center;width:auto!important;
 margin:12px auto 0!important;padding:3px 0!important;
 font:500 14px/1.3 Arial,sans-serif!important;
}