.loyalty-points{margin:24px 0;padding:clamp(18px,3vw,28px);border:1px solid #537985;border-radius:24px;background:#102730;color:#eff8f8;min-width:0;overflow-wrap:anywhere}.loyalty-points *{box-sizing:border-box}.loyalty-points .lp-kicker{font-size:12px;letter-spacing:.12em;color:#ffce95;font-weight:800}.loyalty-points h2{font-size:clamp(23px,3vw,30px);font-weight:900;margin:8px 0}.loyalty-points h3{font-size:19px;font-weight:800;margin:12px 0}.loyalty-points p{line-height:1.6;color:#d0e1e5}.loyalty-points .lp-note{background:#1c3b45;border:1px solid #557e89;border-radius:12px;padding:12px;margin:14px 0;font-size:13px}.loyalty-points .lp-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:18px 0}.loyalty-points label{display:block;font-size:14px;font-weight:700}.loyalty-points input,.loyalty-points select,.loyalty-points textarea{display:block;width:100%;min-width:0;min-height:46px;margin-top:8px;border:1px solid #6c929e;border-radius:12px;padding:11px;background:#15353f;color:#fff;font:inherit}.loyalty-points input[type=checkbox]{display:inline-block;width:20px;min-height:20px;margin:0 8px 0 0;vertical-align:middle;accent-color:#ffe0b4}.loyalty-points .lp-actions{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0}.loyalty-points button{border:1px solid #a8ced2;border-radius:12px;background:#244b58;color:#fff;padding:12px 16px;min-height:46px;font-size:14px;font-weight:800}.loyalty-points button.lp-primary{background:#ffce95;border-color:#ffce95;color:#17343b}.loyalty-points button:disabled{opacity:.5;cursor:not-allowed}.loyalty-points .lp-card{border:1px solid #6c919b;border-radius:18px;padding:20px;background:#173741}.loyalty-points .lp-balance{font-size:40px;line-height:1.2;font-weight:900;color:#ffdfb7}.loyalty-points .lp-benefit{background:#fff0db;color:#17343b;border-radius:14px;padding:18px;margin:12px 0}.loyalty-points .lp-benefit p{color:#315461}.loyalty-points .lp-status{min-height:24px;font-size:14px;color:#ffe0b4}.loyalty-points :is(button,input,select,textarea):focus-visible{outline:3px solid #fff;outline-offset:3px}.loyalty-points [hidden]{display:none!important}@media(max-width:700px){.loyalty-points .lp-grid{grid-template-columns:minmax(0,1fr)}.loyalty-points .lp-actions button{flex:1}.loyalty-points{border-radius:18px}}
@layer vl-colors{
 .loyalty-points{--vl-text:#eff8f8;--vl-muted:#d0e1e5;--vl-accent:#ffdfb7}
 .loyalty-points .lp-benefit,.loyalty-points .lp-primary{--vl-text:#17343b;--vl-muted:#315461;--vl-accent:#075bb2;color:#17343b!important}
 .loyalty-points .lp-benefit p{color:#315461!important}
 .loyalty-points .lp-primary{background:#ffce95!important}
 .loyalty-points :is(input,select,textarea){--vl-text:#fff;--vl-muted:#d0e1e5;color:#fff!important;background:#15353f!important;border-color:#6c929e!important}
 .loyalty-points select option{color:#fff!important;background:#15353f!important}
 .loyalty-points .lp-balance,.loyalty-points .lp-kicker,.loyalty-points .lp-status{color:#ffdfb7!important}
 .loyalty-points input::placeholder,.loyalty-points textarea::placeholder{color:#bdd5db!important}
}