@font-face{font-family:"Baloo";src:url(/fonts/baloo-ar.woff2) format("woff2");font-weight:400 800;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+FB50-FDFF,U+FE70-FEFC}
@font-face{font-family:"Baloo";src:url(/fonts/baloo-latin.woff2) format("woff2");font-weight:400 800;font-display:swap;unicode-range:U+0000-00FF,U+2000-206F}
@font-face{font-family:"Fredoka";src:url(/fonts/fredoka-latin.woff2) format("woff2");font-weight:400 700;font-display:swap}
:root{--cream:#FBF3E6;--paper:#FFFBF4;--sand:#F4E4CC;--biscuit:#EBD3B2;--caramel:#C8906A;--cocoa:#5A3A22;--ink:#3A2415;--muted:#76604F;--line:#E7D5BC;--bad:#A33A2A}
*{box-sizing:border-box}
body.pp{margin:0;min-height:100dvh;background:var(--cream) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='36'%3E%3Cpath d='M9 6l3 3-3 3-3-3zM27 24l3 3-3 3-3-3z' fill='%23E3C9A6'/%3E%3C/svg%3E");color:var(--ink);font:400 17px/1.55 "Baloo",system-ui,sans-serif;padding:0 16px 24px}
.pp-top{display:flex;align-items:center;justify-content:space-between;max-width:520px;margin:0 auto;padding:12px 0}
.pp-brand img{width:44px;height:44px}
.pp-kicker{font-weight:700;color:var(--caramel)}
.pp-lang{font-weight:700;color:var(--cocoa);text-decoration:none;border:1.5px solid var(--line);border-radius:999px;padding:6px 14px;background:var(--paper)}
.pp-card{max-width:520px;margin:0 auto;background:var(--paper);border:1px solid var(--line);border-radius:28px;padding:22px 18px 18px;box-shadow:0 20px 40px -24px rgba(90,58,34,.45)}
.pp-id{text-align:center}
.pp-photo{width:180px;height:180px;border-radius:50%;object-fit:cover;margin:0 auto 12px;border:5px solid var(--paper);box-shadow:0 0 0 3px var(--biscuit);display:block;background:var(--sand)}
.pp-ph{display:grid;place-items:center}
.pp-ph img{width:110px;height:110px}
h1{font-family:"Fredoka","Baloo",sans-serif;color:var(--cocoa);font-size:2.4rem;margin:0;line-height:1.1}
html[lang=ar] h1{font-family:"Baloo",sans-serif}
.pp-no{color:var(--muted);margin:4px 0 0;font-size:.85rem;letter-spacing:.08em}
.pp-facts{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:18px 0 6px}
.pp-facts div{background:var(--cream);border-radius:14px;padding:8px 12px;min-width:0}
.pp-facts dt{font-size:.78rem;color:var(--muted)}
.pp-facts dd{margin:0;font-weight:700;color:var(--cocoa);overflow-wrap:anywhere}
.pp-help{margin-top:16px;text-align:center}
.pp-help h2{font-size:1.15rem;color:var(--cocoa);margin:0 0 10px}
.pp-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.pp-btn{display:flex;align-items:center;justify-content:center;min-height:52px;border-radius:999px;background:var(--cocoa);color:#FFF8EE;font-weight:700;text-decoration:none;border:2px solid var(--cocoa);font:inherit;font-weight:700;cursor:pointer;padding:0 16px;width:100%}
.pp-wa{background:#1F7A4C;border-color:#1F7A4C}
.pp-ghost{background:transparent;color:var(--cocoa)}
.pp-status{min-height:1.4em;color:var(--muted);font-size:.92rem;margin:8px 0 0}
.pp-alert{background:var(--bad);color:#fff;border-radius:18px;padding:12px 14px;font-weight:800;text-align:center;font-size:1.1rem;margin:0 0 12px}
.pp-msg{background:#F8E1DC;color:var(--bad);border-radius:14px;padding:10px 12px;font-weight:600;margin:0 0 14px}
.pp-foot{text-align:center;color:var(--muted);font-size:.85rem;margin-top:18px}
.pp-foot a{color:var(--cocoa)}
.pp-empty{text-align:center}
.pp-empty img{margin:0 auto 12px}
@media (max-width:380px){.pp-actions{grid-template-columns:1fr}.pp-photo{width:150px;height:150px}}
.pp-demo{background:#FBEBD5;color:#A25B12;border-radius:14px;padding:8px 12px;font-weight:700;font-size:.9rem;text-align:center;margin:0 0 12px}