html{scroll-padding-top:130px}
body[data-page] .header .header-inner{flex-wrap:nowrap;gap:22px;min-height:110px}body[data-page] .header .brand{width:300px}body[data-page] .header .nav{gap:18px;font-size:13px;margin-left:auto}.header .language-picker{flex-shrink:0;align-self:center}.header .language-picker summary{border-left:1px solid #4e442a;padding-left:17px;min-width:68px}.language-dropdown{top:calc(100% + 12px)}
.signup-section{background:#ede9dc;border-bottom:1px solid #c9bf9e}.signup-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:28px;align-items:stretch}.bonus-card{background:#111;color:#f7f5ee;border:1px solid #89733b;padding:42px}.bonus-card .eyebrow{color:#d3b552}.coin-amount{font-size:88px;line-height:1;letter-spacing:-.06em;color:#d3b552}.coin-amount span{display:inline-block;font-size:23px;letter-spacing:-.02em;color:#f7f5ee}.coin-equivalent{font-size:18px;color:#bfb8a1;margin-top:17px}.bonus-description{color:#d8d3c3;font-size:14px;margin-top:32px}.code-row{display:flex;gap:16px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-top:14px;border-top:1px solid #53472c;border-bottom:1px solid #53472c;padding:18px 0}.code-row code{font:600 clamp(19px,2vw,26px)/1.3 'Avenir Next',system-ui,sans-serif;letter-spacing:.02em;user-select:all;color:#d3b552}.copy-code{background:#d3b552;color:#111;font-size:12px;font-weight:600;border:0;padding:12px 16px;min-height:44px;cursor:pointer}.copy-code:hover{background:#e1c973}.copy-status{font-size:12px;color:#d3b552;min-height:19px;margin-top:10px}.bonus-terms{font-size:12px;color:#aaa48f;line-height:1.6;margin-top:18px}.download-card{background:#f7f5ee;border:1px solid #bca96d;padding:35px;display:flex;flex-direction:column;align-items:flex-start}.download-card h3{font-size:32px}.download-card>p{font-size:14px;color:#62635e;margin-top:20px}.download-card .text-link{margin-top:22px}.qr-placeholder{width:195px;aspect-ratio:1;border:1px dashed #a88b39;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;color:#80661c;margin:28px 0 0;background:#ede9dc}.qr-placeholder strong{font-size:16px;font-weight:500}.qr-placeholder small{font-size:10px;color:#746d55}.signup-section .section-head h2{max-width:690px}.signup-section .section-head p{max-width:380px}
@media(min-width:1251px) and (max-width:1400px){body[data-page] .header .brand{width:260px}body[data-page] .header .header-inner{gap:16px}body[data-page] .header .nav{gap:14px;font-size:12px}}
@media(max-width:1250px){html{scroll-padding-top:115px}body[data-page] .header .header-inner{display:flex;flex-wrap:wrap;justify-content:flex-start;column-gap:18px;min-height:95px}body[data-page] .header .brand{width:290px;margin-right:auto}body[data-page] .header .menu-toggle{order:3}body[data-page] .header .language-picker{order:2}body[data-page] .header .nav{order:4;width:100%;margin-left:0;font-size:16px;gap:3px}.header .language-picker summary{padding-left:0;border-left:0;min-width:58px}.language-dropdown{right:-85px}.signup-grid{grid-template-columns:1fr 1fr}.bonus-card{padding:30px}.download-card{padding:30px}.coin-amount{font-size:72px}.code-row code{font-size:21px}}
@media(max-width:740px){html{scroll-padding-top:100px}body[data-page] .header .header-inner{min-height:85px;column-gap:12px}body[data-page] .header .brand{width:220px}body[data-page] .header .language-picker summary{min-width:51px;gap:6px}body[data-page] .header .menu-toggle{font-size:12px;padding:8px 10px}.signup-grid{grid-template-columns:1fr}.bonus-card,.download-card{padding:27px}.coin-amount{font-size:76px}.coin-amount span{font-size:22px}.code-row code{font-size:22px}.download-card{align-items:center;text-align:center}.download-card .eyebrow{margin-bottom:20px}.qr-placeholder{width:190px}.language-dropdown{right:-78px}}
@media(max-width:430px){body[data-page] .header .brand{width:190px}body[data-page] .header .header-inner{column-gap:8px}body[data-page] .header .menu-toggle{padding:8px;min-width:58px}body[data-page] .header .language-picker summary{min-width:49px;gap:4px;padding:4px 0}.header .language-picker svg{width:17px;height:17px}}
@media(max-width:375px){body[data-page] .header .brand{width:174px}body[data-page] .header .header-inner{column-gap:7px}.code-row code{font-size:20px}}
@media(max-width:350px){body[data-page] .header .brand{width:154px}}
@media(max-width:350px){body[data-page=home] .hero h1{font-size:39px}}