/* Scratch-to-reveal card */
.scsr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

.scmodal{position:fixed;inset:0;z-index:290;display:flex;align-items:center;justify-content:center;
  padding:18px;opacity:0;transition:opacity .22s ease}
.scmodal.scshow{opacity:1}
.scback{position:absolute;inset:0;background:rgba(10,45,70,.5);backdrop-filter:blur(4px)}
.scpanel{position:relative;z-index:1;background:#fff;border-radius:26px;width:100%;max-width:470px;
  max-height:92vh;overflow-y:auto;padding:32px 28px 24px;text-align:center;
  box-shadow:0 34px 80px rgba(5,40,65,.34);
  transform:translateY(14px) scale(.98);transition:transform .26s var(--ease,cubic-bezier(.22,.68,.32,1))}
.scmodal.scshow .scpanel{transform:none}
.scpanel::before{content:"";position:absolute;left:0;right:0;top:0;height:7px;border-radius:26px 26px 0 0;
  background:linear-gradient(97deg,#0EA5E9,#22D3EE 48%,#34D399)}

.scx{position:absolute;top:12px;right:12px;width:44px;height:44px;font-size:27px;line-height:1;
  color:#5E6E80;background:none;border:0;cursor:pointer;border-radius:50%;transition:background .2s ease}
.scx:hover{color:#13263B;background:#F1F5F9}
.sceyebrow{font-size:11.5px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;
  color:#0B64DC;margin:4px 0 10px}
.scpanel h2{font-family:"Archivo",system-ui,sans-serif;font-weight:850;
  font-variation-settings:"wdth" 112,"wght" 850;letter-spacing:-.035em;line-height:1.04;
  font-size:clamp(26px,5.2vw,34px);margin:0;color:#13263B}
.sclede{color:#5E6E80;font-size:15.5px;margin:11px 0 0;line-height:1.55}

/* the panel you scratch */
.scstage{position:relative;margin:22px 0 0;border-radius:18px;overflow:hidden;
  border:1px solid #DBE6F3;background:#F6FAFF;min-height:168px}
.scprize{display:flex;flex-direction:column;justify-content:center;gap:7px;
  min-height:168px;padding:22px 20px}
.scwin{font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#0B9A6A}
.scprize b{font-family:"Archivo",system-ui,sans-serif;font-weight:850;
  font-variation-settings:"wdth" 110,"wght" 850;letter-spacing:-.03em;
  font-size:clamp(19px,4.2vw,23px);line-height:1.15;color:#13263B}
.scsub{font-size:13px;color:#5E6E80;line-height:1.5}
.sccanvas{position:absolute;inset:0;width:100%;height:100%;cursor:grab;touch-action:none;
  transition:opacity .4s ease}
.sccanvas:active{cursor:grabbing}
.screvealed .sccanvas{opacity:0;pointer-events:none}

.scbtn-reveal{margin:12px auto 0;display:block;font-size:13.5px;font-weight:600;color:#5E6E80;
  background:none;border:0;cursor:pointer;text-decoration:underline;text-underline-offset:3px;padding:6px}
.scbtn-reveal:hover{color:#0B64DC}

.scform{display:flex;gap:9px;margin:18px 0 0;opacity:.42;pointer-events:none;transition:opacity .3s ease}
.screvealed .scform{opacity:1;pointer-events:auto}
.scform input{flex:1 1 auto;min-width:0;background:#F8FAFC;border:1.5px solid #D7E0EA;border-radius:999px;
  padding:13px 18px;font:inherit;font-size:16px;color:#13263B;min-height:52px}
.scform input:focus{background:#fff;border-color:#0B64DC;outline:none}
.scform input[aria-invalid="true"]{border-color:#D92D20;background:#FFF5F4}
.scform .btn{flex:0 0 auto;padding:14px 22px;min-height:52px;font-size:15.5px}
.scdone{margin:0;font-size:15px;color:#07703C;font-weight:600;line-height:1.5}

.scnote{font-size:11.5px;color:#8495A6;line-height:1.6;margin:16px 0 0}
.scnote b{color:#5E6E80}

@media(max-width:480px){
  .scpanel{padding:28px 18px 20px;border-radius:22px}
  .scform{flex-direction:column}
  .scform .btn{width:100%}
}
@media(prefers-reduced-motion:reduce){
  .scmodal,.scpanel,.sccanvas,.scform{transition:none}
  .scpanel{transform:none}
}