:root{--navy:#0f2b46;--navy-mid:#0078b8;--accent:#009ceb;--accent-dark:#0088ce;--text:#111827;--text-muted:#536176;--text-faint:#617184;--bg:#f8fafc;--surface:#fff;--border:#d9e1ea;--radius:8px;--radius-sm:6px}
body{font-family:Inter,Arial,sans-serif;padding:0 24px 32px;line-height:1.5;align-items:center}
header{max-width:640px;padding:28px 0 22px;gap:24px}.logo img{display:block;width:188px;height:auto;max-width:100%}.program-label{font-size:12px;color:var(--text-muted);white-space:nowrap}
main{width:100%;max-width:640px}main>*{max-width:none!important;width:100%}#screen-signup,#screen-merchant{width:100%}.card{max-width:none;width:100%;padding:26px 28px}.preview-note{width:100%;max-width:640px;font-size:11px;font-weight:600;color:#0f2b46;background:#eef7fc;border:1px solid #cde4f1;border-radius:6px;padding:9px 12px;margin-bottom:18px}.preview-note span{font-weight:400;color:#536176;display:block;margin-top:2px}
.hero{background:#0f2b46;padding:28px;margin-bottom:22px;border-radius:8px}.hero::before,.hero::after{display:none}.hero-pill{border:0;border-radius:0;background:none;padding:0;color:#a9dcf7;gap:7px;font-size:11px;letter-spacing:.09em}.hero h1{font-family:'Plus Jakarta Sans',Inter,Arial,sans-serif;font-weight:600;font-size:28px;line-height:1.25;letter-spacing:-.035em}.hero p{color:#d1deea;max-width:490px;font-size:13px;line-height:1.65}.reward-row{padding-top:18px;border-top:1px solid #36516b;gap:14px;margin-top:20px}.reward-badge{background:none;padding:0;font-size:30px;color:#fff;border-radius:0}.reward-sub{color:#c1d3e4;font-size:12px}.reward-sub strong{color:#e2edf5}
.steps-bar{margin-bottom:18px}.step-circle.active{background:#0078b8}.step-circle.done{background:#18794e}.step-divider.done{background:#18794e}.step-label{font-size:12px}.card-title{font-family:'Plus Jakarta Sans',Inter,Arial,sans-serif;font-size:18px;color:var(--navy);letter-spacing:-.025em}.card-sub{line-height:1.6;font-size:13px;margin-bottom:22px}.field{margin-bottom:16px}.field label{text-transform:none;letter-spacing:0;font-size:12px;color:var(--navy);font-weight:500}.field input,.field textarea,.link-input{font-family:Inter,Arial,sans-serif;font-size:13px;min-height:44px;border-width:1px}.field input:focus,.field textarea:focus{border-color:#009ceb;box-shadow:0 0 0 3px #009ceb20}.field-row{gap:16px}.btn,.refer-now-btn,.copy-btn{background:#009ceb;min-height:44px;font-family:Inter,Arial,sans-serif;font-size:13px}.btn:hover,.refer-now-btn:hover,.copy-btn:hover{background:#0088ce}.btn:active,.refer-now-btn:active,.copy-btn:active{background:#0078b8}.btn:disabled{background:#cbd5e1;color:#34465a}.btn-outline,.clear-btn{font-family:Inter,Arial,sans-serif;min-height:40px}.btn-outline{font-size:12px;color:var(--navy)}:focus-visible{outline:2px solid #0078b8;outline-offset:3px}
.rep-banner{border-width:1px;border-color:#cde4f1;background:#eef7fc;flex-wrap:wrap}.rep-avatar,.rep-code-pill{background:#dceff9;color:#0f2b46;border-color:#cde4f1}.rep-banner-text{color:#0f2b46}.repcode-icon{background:#eef7fc;color:#0078b8;width:48px;height:48px}.code-display{font-size:21px}.repcode-card h2,.success-card h2{color:#0f2b46;font-family:'Plus Jakarta Sans',Inter,Arial,sans-serif;font-size:22px}.success-icon{background:#edf7f0;color:#18794e}.reward-highlight{color:#18794e!important}.repcode-card,.success-card{padding:28px}.summary-row{gap:16px;overflow-wrap:anywhere}.summary-row span:last-child{text-align:right}.link-input{min-width:0}.search-item{min-height:44px}.search-item:focus{outline:2px solid #0078b8;outline-offset:-2px}.error-msg{color:#c62828}.error-banner{color:#a31d1d}.success-card p,.repcode-card p{font-size:13px}
footer{max-width:640px;font-size:11px;color:#536176;padding-top:22px;flex-wrap:wrap}
@media(max-width:520px){body{padding:0 16px 24px}header{padding:20px 0;gap:12px}.logo img{width:158px}.program-label{font-size:10px}.hero{padding:22px}.hero h1{font-size:25px}.card{padding:22px 20px}.field-row{grid-template-columns:1fr;gap:0}.rep-code-pill{margin-left:0}.link-row{flex-direction:column}.preview-note{line-height:1.5}.repcode-card,.success-card{padding:24px 20px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation-duration:.01ms!important}}

/* REFERRAL-VPS-20261026.2: approved raster logo on a continuous white masthead. */
header{max-width:none;width:calc(100% + 48px);margin:0 -24px 20px;padding:16px max(24px,calc((100vw - 640px)/2));background:#ffffff;border-bottom:1px solid #d9e1ea;flex-shrink:0}
@media(max-width:520px){header{width:calc(100% + 32px);margin:0 -16px 18px;padding:14px 16px}}