/* Earn $500 (proxied from the giving app) re-skinned to the GLORi Marketing look.
   Loaded by nginx sub_filter after /static/referral_rewards/referral.css; see templates/default.conf.template.
   Palette: navy #0c1220, card #151f32 / #2d4060 border, text #d4dce8, lavender #a5b4fc, gold #e0bf6c. */
:root{--navy:#0c1220;--navy-2:#151f32;--gold:#e0bf6c;--paper:#0c1220;--ink:#d4dce8;--ink-soft:#94a3b8;--line:#2d4060;--surface:#151f32;
  --ea-head:#f1f5f9;--ea-lav:#a5b4fc;--ea-lav-hi:#c7d2fe;--ea-gold-hi:#e8cf91;--ea-bar:74px}
html{color-scheme:dark;background:#0c1220}
body.rr{background:#0c1220;color:#d4dce8;font-family:'Inter','SF Pro Text','Helvetica Neue',Arial,system-ui,sans-serif;letter-spacing:.01em;line-height:1.65;-webkit-font-smoothing:antialiased;overflow-x:hidden}
body.rr h1,body.rr h2,body.rr h3,body.rr h4{font-family:inherit;color:var(--ea-head);font-weight:700;letter-spacing:-.02em;line-height:1.15}
body.rr h1{font-weight:800}
body.rr main a:not(.rr-btn):not(.rr-chip),body.rr .rr-footer a{color:var(--ea-lav)}
body.rr main a:not(.rr-btn):not(.rr-chip):hover,body.rr .rr-footer a:hover{color:var(--ea-lav-hi)}
body.rr code{background:#1c2a44;color:#e2e8f0}
body.rr :focus-visible{outline:3px solid var(--ea-lav);outline-offset:2px}
body.rr .rr-hero :focus-visible,body.rr .rr-m51 :focus-visible,body.rr .rr-cta-band :focus-visible,body.rr .rr-footer :focus-visible,body.rr .rr-header :focus-visible{outline-color:var(--gold)}
body.rr .rr-skip{background:var(--gold);color:#0c1220}

/* Secondary nav: the app's header, slimmed under the fixed GLORi Marketing header. */
body.rr .rr-header{margin-top:var(--ea-bar);background:#0f1829;border-top:1px solid rgba(224,191,108,.22);border-bottom:1px solid #2d4060}
body.rr .rr-header-row{justify-content:flex-end;padding-top:6px;padding-bottom:6px}
body.rr .rr-brand{display:none}
body.rr .rr-nav{gap:20px;font-size:.86rem;font-weight:500}
body.rr .rr-nav a{color:#d4dce8}
body.rr .rr-nav a:hover{color:var(--gold)}
body.rr .rr-nav a.rr-btn{color:#0c1220}

/* Buttons */
body.rr .rr-btn{border-radius:100px;font-weight:600}
body.rr .rr-btn-gold{background:var(--gold);color:#0c1220;box-shadow:0 10px 30px -10px rgba(224,191,108,.5)}
body.rr .rr-btn-gold:hover{background:var(--ea-gold-hi);color:#0c1220;filter:none}
body.rr .rr-btn-sm{padding:6px 16px}
body.rr .rr-btn-ghost,body.rr .rr-btn-ghost-dark{background:transparent;color:var(--ea-lav);border:1px solid rgba(165,180,252,.5)}
body.rr .rr-btn-ghost:hover,body.rr .rr-btn-ghost-dark:hover{border-color:var(--ea-lav);color:var(--ea-lav-hi);background:rgba(165,180,252,.08)}
body.rr .rr-btn-navy{background:#6366f1;color:#fff}
body.rr .rr-btn-navy:hover{background:#4f46e5}
body.rr .rr-chip{background:#1c2a44;color:var(--ea-lav);border:1px solid #2d4060}
body.rr .rr-chip:hover{background:#243556;color:var(--ea-lav-hi)}

/* Hero, sections, CTA band */
body.rr .rr-hero{background:radial-gradient(900px 400px at 85% -20%,rgba(99,102,241,.28),transparent),radial-gradient(600px 320px at -10% 0,rgba(224,191,108,.10),transparent),#0c1220;padding:48px 0 64px}
body.rr .rr-hero h1{color:var(--ea-head)}
body.rr .rr-hero .rr-lede{color:#d4dce8}
body.rr .rr-hero .rr-fine{color:#94a3b8}
body.rr .rr-eyebrow,body.rr .rr-portal .rr-eyebrow,body.rr .rr-eyebrow-dark{color:var(--ea-lav);font-weight:600}
body.rr .rr-gold{color:var(--gold)}
body.rr .rr-sub,body.rr .rr-fine,body.rr .rr-or,body.rr .rr-calc-or,body.rr .rr-steps p,body.rr .rr-fund-belief{color:#94a3b8}
body.rr .rr-disclosure-line{color:#d4dce8}
body.rr .rr-cta-band{background:#151f32;border:1px solid #2d4060;color:var(--ea-head)}
body.rr .rr-cta-band h2{color:var(--ea-head)}
@media (min-width:720px){body.rr .rr-hero{padding:72px 0 88px}}

/* Cards and surfaces */
body.rr .rr-steps li,body.rr .rr-fund,body.rr .rr-wall-strip li,body.rr .rr-wall-card,body.rr .rr-card,body.rr .rr-calc,body.rr .rr-reward,body.rr .rr-flash,body.rr .rr-outcome,
body.rr .rr-stat,body.rr .rr-example{background:#151f32;border:1px solid #2d4060;color:#d4dce8}
body.rr .rr-fund{border-top:5px solid var(--fund)}
body.rr .rr-wall-strip li,body.rr .rr-wall-card{border-left:5px solid var(--fund)}
body.rr .rr-fund ul{color:#d4dce8}
body.rr .rr-step-n{background:var(--gold);color:#0c1220}
body.rr .rr-stat b,body.rr .rr-example b{font-family:inherit;color:var(--gold);font-weight:800}
body.rr .rr-stat span,body.rr .rr-example em{color:#94a3b8}
body.rr .rr-calc-result b{font-family:inherit;color:var(--gold)}
body.rr .rr-calc input[type=range]{accent-color:var(--gold)}
body.rr .rr-wall-fund{color:#94a3b8}
body.rr .rr-kv li{border-bottom-color:#2d4060}
body.rr .rr-banner{background:rgba(224,191,108,.10);border:1px solid var(--gold);color:#f1f5f9}
body.rr .rr-outcome-ok{border-color:#3b7a4b;background:rgba(59,122,75,.18)}
body.rr .rr-outcome-duplicate,body.rr .rr-outcome-rejected,body.rr .rr-outcome-error{border-color:#b3412e;background:rgba(179,65,46,.18)}
body.rr .rr-pill{background:#243556;color:#e2e8f0}
body.rr .rr-pill-paid,body.rr .rr-pill-posted{background:rgba(59,122,75,.35);color:#d1fae5}
body.rr .rr-pill-approved{background:rgba(224,191,108,.25);color:#fde9b0}
body.rr .rr-details summary{color:var(--ea-lav)}
body.rr .rr-assets img{background:#fff;border-color:#2d4060}
body.rr table{width:100%;border-collapse:collapse;color:#d4dce8}
body.rr th,body.rr td{border-bottom:1px solid #2d4060;padding:8px 10px;text-align:left}
body.rr th{color:#f1f5f9;background:#151f32}
body.rr .rr-table-wrap,body.rr .rr-card:has(table){overflow-x:auto}

/* Marketing offer card: dark surface, lavender/indigo glow, white + lavender text (gold stays on the CTAs) */
body.rr .rr-m51{background-color:#151f32;border:1px solid rgba(165,180,252,.35);box-shadow:0 0 0 1px rgba(99,102,241,.12),0 20px 60px -24px rgba(99,102,241,.45);background-image:radial-gradient(700px 300px at 85% -20%,rgba(99,102,241,.22),transparent)}
body.rr .rr-m51 h2{font-family:inherit;color:#f1f5f9}
body.rr .rr-m51 p,body.rr .rr-plan-blurb,body.rr .rr-m51-tag{color:#94a3b8}
body.rr .rr-m51-tag{border-color:rgba(165,180,252,.35);color:#c7d2fe}
body.rr .rr-m51-mark{color:#f1f5f9}
body.rr .rr-m51-mark b{background:none;-webkit-background-clip:border-box;background-clip:border-box;color:var(--ea-lav);-webkit-text-fill-color:var(--ea-lav)}
body.rr .rr-plan{background:#0f1829;border:1px solid #2d4060}
body.rr .rr-plan strong{color:#f1f5f9}
body.rr .rr-plan-price{background:none;-webkit-background-clip:border-box;background-clip:border-box;color:#f1f5f9;-webkit-text-fill-color:#f1f5f9}
body.rr .rr-plan-price small{-webkit-text-fill-color:var(--ea-lav);color:var(--ea-lav)}

/* Forms */
body.rr .rr-field label,body.rr .rr-fieldset legend{color:#f1f5f9}
body.rr input:not([type=checkbox]):not([type=radio]):not([type=range]),body.rr select,body.rr textarea{background:#0f1829;color:#f1f5f9;border:1px solid #3b5278;border-radius:10px}
body.rr input::placeholder,body.rr textarea::placeholder{color:#8190a8;opacity:1}
body.rr input:not([type=checkbox]):not([type=radio]):focus,body.rr select:focus,body.rr textarea:focus{border-color:var(--ea-lav);outline:2px solid rgba(165,180,252,.45);outline-offset:0}
body.rr input[type=checkbox],body.rr input[type=radio]{accent-color:var(--gold)}
body.rr .rr-signup .rr-plan-card,body.rr .rr-signup .rr-fund-card,body.rr .rr-signup .rr-terms-box{background:#151f32;border:2px solid #2d4060;color:#d4dce8}
body.rr .rr-signup .rr-fund-card{border-width:1.5px}
body.rr .rr-signup .rr-terms-box{border-width:1px}
body.rr .rr-signup .rr-plan-card:has(input[name=plan]:checked),body.rr .rr-signup .rr-fund-card:has(input[name=default_fund]:checked){border-color:var(--gold);background:rgba(224,191,108,.10)}
body.rr .rr-signup .rr-stop,body.rr .rr-signup .rr-errors,body.rr .rr-signup .rr-alert{background:rgba(179,65,46,.20);border-left-color:#f08a78;color:#fde4df}
body.rr .rr-signup .rr-ok{background:rgba(59,122,75,.22);border-left-color:#5fbf7a;color:#d1fae5}
body.rr .rr-signup .rr-or-line{color:#94a3b8}
body.rr .rr-signup .rr-seg{border-color:var(--gold)}
body.rr .rr-signup .rr-seg span{color:#f1f5f9}
body.rr .rr-signup .rr-seg input:checked + span{background:var(--gold);color:#0c1220}
body.rr .rr-signup .rr-seg input:focus-visible + span{outline-color:var(--ea-lav)}

/* Footer */
body.rr .rr-footer{background:#080d19;border-top:1px solid #2d4060;color:#94a3b8}

@media (max-width:560px){
  body.rr .rr-wrap{padding:0 16px}
  body.rr .rr-header-row{justify-content:center}
  body.rr .rr-nav{gap:14px;font-size:.84rem}
  body.rr .rr-m51{margin-top:-24px;padding:22px 18px}
  body.rr .rr-steps,body.rr .rr-funds,body.rr .rr-wall,body.rr .rr-wall-strip{grid-template-columns:1fr}
}