*{box-sizing:border-box}body{margin:0;min-height:100vh;min-height:100dvh;display:grid;place-items:center;padding:24px;background:#FEFAF0;color:#6B2E6F;font:18px/1.5 system-ui,-apple-system,"SF Arabic","Geeza Pro",Tahoma,sans-serif;-webkit-text-size-adjust:100%}.card{width:100%;max-width:360px;padding:28px 22px;background:#fff;border:2px solid #B79ACB;border-radius:22px;text-align:center}h1{margin:0 0 18px;font-size:1.35rem}p{margin:0}input{width:100%;padding:14px;font:inherit;font-size:22px;letter-spacing:.3em;text-align:center;color:#6B2E6F;background:#FEFAF0;border:2px solid #B79ACB;border-radius:14px}input:focus{outline:3px solid #F4C44E;outline-offset:2px;border-color:#6B2E6F}.err{margin-top:12px;padding:8px;border-radius:10px;background:#B79ACB40;font-weight:700}button{width:100%;margin-top:14px;padding:14px;font:inherit;font-weight:700;color:#6B2E6F;background:#F4C44E;border:0;border-radius:14px}