/* Instagram claim page (/claim/{token}) and the "Find my house" panel (claim.js). */
@font-face{font-family:"Baloo Bhaijaan 2";font-weight:800;font-display:swap;src:url(../fonts/baloo-bhaijaan-2-arabic-800-normal.woff2) format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+FB50-FDFF,U+FE70-FEFF}
@font-face{font-family:"Baloo Bhaijaan 2";font-weight:800;font-display:swap;src:url(../fonts/baloo-bhaijaan-2-latin-800-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+2000-206F,U+20AC}
@font-face{font-family:"Tajawal";font-weight:500;font-display:swap;src:url(../fonts/tajawal-arabic-500-normal.woff2) format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+FB50-FDFF,U+FE70-FEFF}
@font-face{font-family:"Tajawal";font-weight:500;font-display:swap;src:url(../fonts/tajawal-latin-500-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+2000-206F,U+20AC}
@font-face{font-family:"Tajawal";font-weight:700;font-display:swap;src:url(../fonts/tajawal-arabic-700-normal.woff2) format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+FB50-FDFF,U+FE70-FEFF}
@font-face{font-family:"Tajawal";font-weight:700;font-display:swap;src:url(../fonts/tajawal-latin-700-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+2000-206F,U+20AC}

.claim-page{
  --k-blue:#1EA3DF;--k-green:#2EA84A;--k-magenta:#E6197E;--k-yellow:#F6C21C;
  --ink:#2A2620;--ink-soft:#6A6153;--paper:#FFFBF3;--sky:#DDF1F8;--line:#E4D9C6;
  margin:0;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px 16px;box-sizing:border-box;
  background:linear-gradient(180deg,#CBEAF6 0%,var(--sky) 55%,#BFE6DA 100%);color:var(--ink);
  font-family:"Tajawal","Segoe UI",Tahoma,sans-serif;font-size:16px;line-height:1.6;
}
.claim-page *{box-sizing:border-box}
.claim-card{width:100%;max-width:440px;background:var(--paper);border-radius:26px;padding:22px 22px 18px;
  box-shadow:0 22px 60px -24px rgba(20,60,80,.45),0 2px 0 rgba(255,255,255,.7) inset}
.claim-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}
.claim-brand{font-family:"Baloo Bhaijaan 2","Arial Rounded MT Bold",Tahoma,sans-serif;font-weight:800;font-size:18px;color:var(--k-blue)}
.claim-lang{color:var(--ink-soft);font-weight:700;text-decoration:none;font-size:14px}
.claim-eyebrow{margin:0;color:var(--ink-soft);font-weight:700;font-size:14px}
.claim-connected{font-family:"Baloo Bhaijaan 2","Arial Rounded MT Bold",Tahoma,sans-serif;font-weight:800;font-size:24px;line-height:1.3;margin:4px 0 6px}
.claim-tick{display:inline-flex;align-items:center;justify-content:center;width:1.3em;height:1.3em;border-radius:50%;background:var(--k-green);color:#fff;font-size:.8em;vertical-align:middle}
.claim-proof{margin:0 0 10px;color:var(--ink-soft);font-size:14px}
.claim-lead{margin:0 0 14px;font-weight:700}
.claim-form{display:grid;gap:10px}
.claim-check{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border:2px solid var(--line);border-radius:16px;cursor:pointer}
.claim-check input{width:22px;height:22px;margin:2px 0 0;flex:none;accent-color:var(--k-blue)}
.claim-note{margin:0;color:var(--ink-soft);font-size:13px}
.claim-go{display:block;width:100%;text-align:center;border:0;border-radius:999px;padding:13px 18px 11px;margin-top:6px;cursor:pointer;text-decoration:none;
  font-family:"Baloo Bhaijaan 2","Arial Rounded MT Bold",Tahoma,sans-serif;font-weight:800;font-size:18px;background:var(--k-magenta);color:#fff;
  box-shadow:0 10px 24px -12px rgba(230,25,126,.8)}
.claim-go:focus-visible,.claim-check:focus-within,.claim-lang:focus-visible{outline:3px solid var(--k-blue);outline-offset:2px}
.claim-msg{font-weight:700;font-size:17px;margin:8px 0 16px}
.claim-fine{margin:14px 0 0;color:var(--ink-soft);font-size:12px}

/* ---- "Find my house" panel on the landing page ---- */
.find{position:fixed;z-index:30;inset-inline:16px;top:calc(env(safe-area-inset-top,0px) + 70px);margin-inline:auto;max-width:420px;
  background:var(--paper,#FFFBF3);color:var(--ink,#2A2620);border-radius:22px;padding:16px;box-shadow:0 18px 50px -18px rgba(60,40,10,.45)}
.find h2{margin:0 0 8px;font-family:var(--display,inherit);font-size:19px}
.find-row{display:flex;gap:8px}
.find-row input{flex:1;min-width:0;border:2px solid var(--line,#E4D9C6);border-radius:14px;padding:9px 12px;background:#fff;color:#2A2620}
.find-row button,.find-hit button{border:0;border-radius:999px;padding:8px 16px 6px;background:var(--k-blue,#1EA3DF);color:#fff;font-family:var(--display,inherit);font-weight:800}
.find-list{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:6px}
.find-hit{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:6px 10px;border-radius:14px;background:var(--paper-2,#F3EBDC)}
.find-msg{margin:8px 0 0;font-size:14px}
.find-note{margin:10px 0 0;font-size:13px;color:var(--ink-soft,#6A6153)}
.find-close{position:absolute;inset-inline-end:10px;top:8px;border:0;background:none;font-size:22px;line-height:1;color:var(--ink-soft,#6A6153)}
