:root{--ground:#0E1320;--surface:#171F31;--bone:#EAE3D4;--slate:#8B94A7;--crimson:#C8323E}
*{box-sizing:border-box;margin:0}
body{background:var(--ground);color:var(--bone);font-family:"IBM Plex Sans Arabic",sans-serif;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}
h1{font-family:"Noto Kufi Arabic",sans-serif;font-size:clamp(22px,4vw,32px);margin-bottom:8px}
.card{background:var(--surface);border-radius:14px;padding:36px;max-width:560px;width:100%}
.eyebrow{color:var(--crimson);font-size:13px;letter-spacing:.1em;margin-bottom:10px}
.sub{color:var(--slate);font-size:14px;margin-bottom:26px;line-height:1.8}
input{width:100%;background:var(--ground);border:1px solid #2a3550;border-radius:8px;color:var(--bone);padding:13px;font:inherit;margin-bottom:14px}
.consent{display:flex;gap:10px;align-items:flex-start;margin-bottom:12px;font-size:14px;color:var(--slate);line-height:1.7}
.consent input{width:auto;margin:4px 0 0}
button{width:100%;background:var(--crimson);color:var(--ground);border:0;border-radius:8px;padding:15px;font:700 17px "Noto Kufi Arabic";cursor:pointer;margin-top:12px}
#done{text-align:center}
#cid{font:800 56px "Noto Kufi Arabic";color:var(--crimson);margin:18px 0}
.note{color:var(--slate);font-size:12px;margin-top:16px;line-height:1.8}
.ltr-r{text-align:right}
.note a{color:var(--slate)}