/* Explicit page variables and fixed-header clearance recover the malformed legacy font-import rule. */
.hk-loyalty-app{
 --red:#d20a35;--gold:#f0b65d;--ink:#111;--card:#1b1b1b;--muted:#c3c3c3;
 padding-top:var(--hk-shared-header-height,125px)!important;
 background:radial-gradient(ellipse at 90% 5%,#43151e55,transparent 45%),#111;
 color:#fff;font-family:Montserrat,Arial,sans-serif;line-height:1.6;
}
.hk-loyalty-app .hero{position:relative;align-items:center;scroll-margin-top:150px}
.hk-loyalty-app .hero>div{min-width:0}
.hk-loyalty-app .join h2,.hk-loyalty-app .section h2,.hk-loyalty-app .perk h3,.hk-loyalty-app .step h3{color:#f7f4ef!important}
.hk-loyalty-app .eyebrow,.hk-loyalty-app .hero h1 span,.hk-loyalty-app .perk .pts{color:#f0b65d!important}
.hk-loyalty-app .join .fine{color:#bfb8ba!important;line-height:1.6}
.hk-loyalty-app .field input{box-sizing:border-box;min-width:0}
.hk-loyalty-app .section{scroll-margin-top:150px}
.hk-loyalty-app .lookup form{min-width:0}
.hk-loyalty-app .lookup form>*{min-width:0}
.hk-loyalty-app :is(a,button,input):focus-visible{outline:2px solid #f0b65d;outline-offset:4px}
@media(max-width:800px){
 .hk-loyalty-app{padding-top:var(--hk-shared-header-height,85px)!important}
 .hk-loyalty-app .hero{padding-top:32px!important}
 .hk-loyalty-app .hero h1{overflow-wrap:normal}
 .hk-loyalty-app .join{width:100%;box-sizing:border-box}
 .hk-loyalty-app .bonus{max-width:100%;white-space:normal}
 .hk-loyalty-app .reward-row{flex-wrap:wrap}
}