.cashback-page{background:radial-gradient(circle at 72% 8%,rgba(25,241,138,.075),transparent 24%),#020604;color:#f7fbf8}
.cashback-page .top nav .active{color:#19f18a}
.cashback-page .subscribe{background:transparent;color:#19f18a;border:1px solid rgba(25,241,138,.42)}
.cashback-page .subscribe:hover{background:#19f18a;color:#021108}

.cashback-hero{position:relative;overflow:hidden;border-bottom:1px solid rgba(25,241,138,.12);background:#020604}
.cashback-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 67% 42%,rgba(25,241,138,.11),transparent 31%);pointer-events:none}
.cashback-hero-inner{height:420px;display:grid;grid-template-columns:48% 52%;align-items:center;position:relative}
.cashback-hero-copy{position:relative;z-index:4;max-width:560px}
.cashback-kicker,.cashback-intro span,.form-head span,.info-label{color:#19f18a;font-size:10px;font-weight:900;letter-spacing:.1em}
.cashback-hero h1{font-size:53px;line-height:.92;letter-spacing:-.055em;margin:14px 0 20px;font-weight:900}
.cashback-hero h1 em{font-style:normal;color:#19f18a;text-shadow:0 0 28px rgba(25,241,138,.18)}
.cashback-hero-copy>p{max-width:500px;margin:0;color:#b7c2bb;font-size:13px;line-height:1.65}
.cashback-hero-points{display:flex;gap:9px;flex-wrap:wrap;margin:22px 0}
.cashback-hero-points span{display:flex;align-items:center;gap:8px;padding:9px 11px;border:1px solid rgba(255,255,255,.09);border-radius:8px;background:rgba(5,15,9,.72);color:#c8d1cb;font-size:9px}
.cashback-hero-points b{color:#19f18a;font-size:9px}
.cashback-scroll{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-width:190px;padding:13px 20px;border:1px solid rgba(25,241,138,.72);border-radius:8px;background:rgba(4,13,9,.72);color:#eafff3;font-size:10px;font-weight:900;letter-spacing:.04em;box-shadow:inset 0 0 0 1px rgba(25,241,138,.05);transition:.18s transform,.18s background,.18s box-shadow,.18s color}.cashback-scroll:hover{transform:translateY(-1px);background:#19f18a;color:#021108;box-shadow:0 10px 30px rgba(25,241,138,.14)}
.cashback-scroll i{font-style:normal;font-size:15px}
.cashback-hero-art{position:absolute;right:-1%;top:0;width:55%;height:100%;overflow:hidden}
.cashback-hero-art img{width:100%;height:100%;object-fit:cover;object-position:center 52%;filter:saturate(.9) contrast(1.07) brightness(.7)}
.cashback-hero-art:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#020604 0%,rgba(2,6,4,.9) 10%,rgba(2,6,4,.4) 29%,transparent 52%,rgba(2,6,4,.15) 86%,#020604 100%),linear-gradient(0deg,#020604 0%,transparent 22%)}

.cashback-content{padding:38px 0 20px}
.cashback-intro{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:18px}
.cashback-intro h2{margin:6px 0 0;font-size:31px;letter-spacing:-.045em}
.cashback-intro>p{max-width:400px;margin:0;color:#89968e;font-size:10px;line-height:1.55}
.cashback-layout{display:grid;grid-template-columns:31% minmax(0,1fr);gap:14px;align-items:start}
.cashback-info{display:grid;gap:12px}
.info-card{border:1px solid rgba(25,241,138,.16);border-radius:14px;background:linear-gradient(155deg,#07140c,#040805);padding:20px}
.info-card h3{font-size:20px;margin:6px 0 18px;letter-spacing:-.03em}
.info-card ol{list-style:none;padding:0;margin:0;display:grid;gap:16px}
.info-card li{display:flex;gap:12px;align-items:flex-start}
.info-card li>b{width:31px;height:31px;flex:0 0 31px;border:1px solid rgba(25,241,138,.38);border-radius:50%;display:grid;place-items:center;color:#19f18a;font-size:10px}
.info-card li div{display:grid;gap:4px}.info-card li strong{font-size:11px}.info-card li small{color:#829087;font-size:8.5px;line-height:1.5}
.info-card-note{background:linear-gradient(145deg,rgba(25,241,138,.07),#040805)}
.info-card-note p{margin:9px 0 0;color:#9ca8a0;font-size:9px;line-height:1.65}.info-card-note strong{color:#e5eee8}
.cashback-21{display:flex;align-items:center;gap:12px;padding:15px 17px;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:#050b07}
.cashback-21 b{font-size:20px;color:#19f18a}.cashback-21 span{font-size:8px;line-height:1.45;color:#7f8b83}

.cashback-form-card{border:1px solid rgba(25,241,138,.22);border-radius:16px;background:linear-gradient(155deg,#08160e,#040805);padding:24px;box-shadow:0 25px 80px rgba(0,0,0,.34)}
.form-head{display:flex;align-items:center;justify-content:space-between;gap:18px;padding-bottom:18px;margin-bottom:19px;border-bottom:1px solid rgba(255,255,255,.07)}
.form-head h3{font-size:23px;margin:5px 0 0;letter-spacing:-.035em}
.secure-badge{padding:7px 9px;border:1px solid rgba(25,241,138,.22);border-radius:7px;color:#8ba097;background:rgba(25,241,138,.035);font-size:7px;font-weight:800;letter-spacing:.07em}
.cashback-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
.cashback-fields label{display:flex;flex-direction:column;gap:8px;color:#dce5df;font-size:9.5px;font-weight:700}
.cashback-fields input,.cashback-fields select{width:100%;min-width:0;height:44px;padding:0 13px;border:1px solid rgba(255,255,255,.11);border-radius:9px;background:#06110a;color:#f4f8f5;font:500 12px Inter,system-ui,sans-serif;color-scheme:dark;transition:.18s border-color,.18s box-shadow}
.cashback-fields input::placeholder{color:#56635b}.cashback-fields input:focus,.cashback-fields select:focus{outline:none;border-color:rgba(25,241,138,.6);box-shadow:0 0 0 3px rgba(25,241,138,.07)}
.cashback-fields label[hidden]{display:none}.cashback-full{grid-column:1/-1}
.upload-field{padding:14px;border:1px dashed rgba(25,241,138,.24);border-radius:11px;background:rgba(25,241,138,.025)}
.upload-field input[type=file]{height:auto;padding:10px;background:#040b07}.upload-field small{color:#77857c;font-size:8px;font-weight:400;line-height:1.5}
.consent-group{display:grid;gap:8px;margin:17px 0}
.consent-group .consent{display:flex;align-items:flex-start;gap:10px;padding:11px 12px;border:1px solid rgba(255,255,255,.075);border-radius:9px;background:#06100a;color:#8e9b93;font-size:8.5px;line-height:1.5;cursor:pointer}
.consent-group .consent input{width:15px;height:15px;flex:0 0 15px;margin:0;accent-color:#19f18a}
.cashback-submit{display:grid;grid-template-columns:max-content minmax(0,1fr);align-items:center;gap:14px}
.cashback-submit-btn{min-width:240px;height:45px;padding:0 20px;border:1px solid rgba(25,241,138,.72);border-radius:9px;background:rgba(4,13,9,.72);color:#eafff3;font:900 10px Inter,sans-serif;letter-spacing:.04em;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:12px;box-shadow:inset 0 0 0 1px rgba(25,241,138,.05);transition:.18s transform,.18s background,.18s box-shadow,.18s color}
.cashback-submit-btn:hover{transform:translateY(-1px);background:#19f18a;color:#021108;box-shadow:0 10px 30px rgba(25,241,138,.14)}.cashback-submit-btn:disabled{opacity:.55;cursor:wait;transform:none}
.cashback-submit-btn b{font-size:15px}.cashback-submit span{color:#19f18a;font-size:9px;line-height:1.5}
.cashback-small-note{margin:18px 0 0;padding-top:15px;border-top:1px solid rgba(255,255,255,.07);color:#718078;font-size:8px;line-height:1.65}
.cashback-warning{margin-top:10px}

@media(max-width:900px){
 .cashback-hero-inner{height:540px;grid-template-columns:1fr;align-items:start;padding-top:55px}.cashback-hero-copy{max-width:620px}.cashback-hero-art{width:100%;height:58%;top:auto;bottom:0;opacity:.58}.cashback-hero-art:after{background:linear-gradient(0deg,#020604 0%,rgba(2,6,4,.12) 32%,#020604 100%),linear-gradient(90deg,#020604 0%,transparent 35%,#020604 100%)}
 .cashback-layout{grid-template-columns:1fr}.cashback-info{grid-template-columns:1fr 1fr}.cashback-21{grid-column:1/-1}.cashback-intro{align-items:flex-start;flex-direction:column}
}
@media(max-width:620px){
 .cashback-hero-inner{height:520px;padding-top:42px}.cashback-hero h1{font-size:39px}.cashback-hero-copy>p{font-size:11px}.cashback-hero-points{gap:6px}.cashback-hero-points span{font-size:8px;padding:8px}.cashback-scroll{width:100%}
 .cashback-content{padding-top:27px}.cashback-info{grid-template-columns:1fr}.cashback-21{grid-column:auto}.cashback-form-card{padding:17px}.form-head{align-items:flex-start}.secure-badge{display:none}.cashback-fields{grid-template-columns:1fr}.cashback-submit{grid-template-columns:1fr}.cashback-submit-btn{width:100%}
}


/* v23 readability + hero CTA + shared footer socials */
.cashback-scroll{margin-top:24px;min-width:265px;min-height:52px;padding:0 26px;font-size:11.5px;border-radius:9px}
.cashback-intro>p{font-size:11.5px;line-height:1.65}
.info-card li strong{font-size:12.5px}
.info-card li small{font-size:10px;line-height:1.55}
.info-card-note p{font-size:10.5px;line-height:1.7}
.cashback-21 span{font-size:9.5px;line-height:1.55}
.cashback-fields label{font-size:10.5px}
.upload-field small{font-size:9.5px;line-height:1.55}
.consent-group .consent{font-size:9.75px;line-height:1.55}
.cashback-submit span{font-size:10px}
.cashback-small-note{font-size:9.25px;line-height:1.7}
.cashback-warning{font-size:9.5px;line-height:1.55}
@media(max-width:620px){.cashback-scroll{margin-top:20px;min-width:0;min-height:50px}}


/* v26 — unified public footer */
footer .footer-main, .shared-site-footer .footer-main{display:flex;align-items:center;gap:14px;min-height:48px}
footer .footer-main .footer-socials, .shared-site-footer .footer-main .footer-socials{margin-left:auto;display:flex;gap:9px}
footer .footer-socials a, .shared-site-footer .footer-socials a{width:31px;height:31px;border-radius:50%;display:grid;place-items:center;background:#07100b;border:1px solid rgba(255,255,255,.14);transition:.18s transform,.18s border-color,.18s background}
footer .footer-socials a:hover, .shared-site-footer .footer-socials a:hover{transform:translateY(-1px);border-color:rgba(25,241,138,.55);background:#09170f}
footer .footer-socials img, .shared-site-footer .footer-socials img{width:19px;height:19px;object-fit:contain}
footer .circle21, .shared-site-footer .circle21{margin-left:7px;width:39px;height:39px;flex:0 0 39px}
footer .footer-legal, .shared-site-footer .footer-legal{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.9fr);gap:54px;margin-top:15px;padding-top:17px;border-top:1px solid rgba(255,255,255,.075)}
footer .footer-legal-col strong, .shared-site-footer .footer-legal-col strong{display:block;margin-bottom:7px;color:#e6eee9;font-size:10.5px;letter-spacing:.055em}
footer .footer-legal-col p, .shared-site-footer .footer-legal-col p{margin:5px 0;color:#8d9a92;font-size:9.75px;line-height:1.58;max-width:760px}
footer .copyright, .shared-site-footer .copyright{margin-top:14px;padding-top:2px;text-align:center;color:#748078;font-size:8.25px}
@media(max-width:700px){footer .footer-main,.shared-site-footer .footer-main{flex-wrap:wrap}footer .footer-main .footer-socials,.shared-site-footer .footer-main .footer-socials{margin-left:auto}footer .footer-legal,.shared-site-footer .footer-legal{grid-template-columns:1fr;gap:14px}footer .footer-legal-col p,.shared-site-footer .footer-legal-col p{font-size:9.5px}}


/* v31 — unified active navigation state */
.cashback-page .top nav a.active{color:#19f18a!important;text-shadow:0 0 16px rgba(25,241,138,.42);position:relative}
.cashback-page .top nav a.active:after{content:"";position:absolute;left:12%;right:12%;bottom:-9px;height:2px;border-radius:4px;background:#19f18a;box-shadow:0 0 10px rgba(25,241,138,.7)}

/* v31 — mobile readability */
@media(max-width:620px){
 .cashback-kicker,.cashback-intro span,.form-head span,.info-label{font-size:11px}
 .cashback-intro>p{font-size:12.5px}.info-card li strong{font-size:13px}.info-card li small{font-size:11px}
 .info-card-note p{font-size:11px}.cashback-21 span{font-size:10.5px}.cashback-fields label{font-size:11.5px}
 .upload-field small,.consent-group .consent{font-size:10.5px}.cashback-small-note{font-size:9.5px}
}

/* =========================================================
   v34 — real mobile cashback composition pass
   ========================================================= */
@media (max-width:760px){
  .cashback-page .top{height:auto!important}
  .cashback-page .top-inner{padding:10px 0 0!important;gap:8px 10px!important;flex-wrap:wrap!important}
  .cashback-page .brand img{width:27px!important;height:27px!important}
  .cashback-page .brand strong{font-size:16px!important}
  .cashback-page .subscribe{margin-left:auto!important;padding:10px 14px!important;font-size:10px!important}
  .cashback-page .top nav{order:3!important;width:100%!important;margin:0!important;padding:0!important;height:42px!important;display:grid!important;grid-template-columns:repeat(3,1fr)!important;align-items:center!important;gap:0!important;overflow:visible!important;border-top:1px solid rgba(255,255,255,.035)!important;font-size:10px!important}
  .cashback-page .top nav a{display:flex!important;align-items:center!important;justify-content:center!important;height:100%!important;white-space:nowrap!important;position:relative!important}
  .cashback-page .top nav a:nth-child(4),.cashback-page .top nav a:nth-child(5){display:none!important}
  .cashback-page .top nav a.active:after{bottom:0!important;left:22%!important;right:22%!important}

  .cashback-hero-inner{height:455px!important;display:block!important;padding-top:35px!important;overflow:hidden!important}
  .cashback-hero-copy{position:relative!important;z-index:5!important;max-width:none!important;width:100%!important}
  .cashback-kicker{font-size:10px!important}
  .cashback-hero h1{font-size:42px!important;line-height:.92!important;margin:13px 0 18px!important}
  .cashback-hero-copy>p{max-width:350px!important;font-size:12px!important;line-height:1.55!important}
  .cashback-scroll{width:min(300px,78%)!important;min-width:0!important;min-height:48px!important;margin-top:19px!important;position:relative!important;z-index:6!important}
  .cashback-hero-art{display:block!important;position:absolute!important;z-index:2!important;left:auto!important;right:-28px!important;top:auto!important;bottom:0!important;width:360px!important;height:225px!important;opacity:.72!important;overflow:hidden!important}
  .cashback-hero-art img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:50% 56%!important;filter:saturate(.9) contrast(1.07) brightness(.64)!important}
  .cashback-hero-art:after{content:""!important;position:absolute!important;inset:0!important;background:linear-gradient(180deg,#020604 0%,rgba(2,6,4,.76) 12%,rgba(2,6,4,.12) 43%,transparent 62%),linear-gradient(90deg,#020604 0%,rgba(2,6,4,.28) 22%,transparent 52%,rgba(2,6,4,.08) 100%),linear-gradient(0deg,#020604 0%,transparent 22%)!important}
  .cashback-content{padding-top:30px!important}
}
@media (max-width:390px){
  .cashback-hero-inner{height:440px!important;padding-top:31px!important}
  .cashback-hero h1{font-size:38px!important}
  .cashback-hero-copy>p{max-width:315px!important;font-size:11.5px!important}
  .cashback-scroll{width:min(285px,82%)!important}
  .cashback-hero-art{width:330px!important;height:210px!important;right:-38px!important}
}

/* =========================================================
   v36 — mobile cashback artwork first
   Header -> artwork -> copy. Desktop remains unchanged.
   ========================================================= */
@media (max-width:760px){
  .cashback-hero-inner{
    height:auto!important;
    min-height:0!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    padding-top:0!important;
    overflow:visible!important;
  }
  .cashback-hero-art{
    order:-1!important;
    position:relative!important;
    inset:auto!important;
    width:100%!important;
    height:225px!important;
    margin:0 0 22px!important;
    opacity:1!important;
    overflow:hidden!important;
  }
  .cashback-hero-art img{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:50% 52%!important;
    filter:saturate(.94) contrast(1.05) brightness(.72)!important;
  }
  .cashback-hero-art:after{
    content:""!important;
    position:absolute!important;
    inset:0!important;
    background:linear-gradient(180deg,rgba(2,6,4,.1) 0%,transparent 30%,transparent 64%,#020604 100%),linear-gradient(90deg,rgba(2,6,4,.14),transparent 25%,transparent 82%,rgba(2,6,4,.12))!important;
  }
  .cashback-hero-copy{
    order:2!important;
    width:100%!important;
    max-width:none!important;
    padding:0 0 30px!important;
  }
  .cashback-scroll{margin-bottom:0!important}
}
@media (max-width:390px){
  .cashback-hero-art{height:205px!important;margin-bottom:19px!important}
}