/* «مكتبة البسام» PIN page (r3.6): after the library's own passcode design; the Al-Bassam palette */
:root{color-scheme:light;--navy:#263064;--gold:#DBB46C;--orange:#EC9F42;--cream:#FCFBF0;--line:#E3E1D3;--muted:#5C6387;--red:#B92327}
*{box-sizing:border-box}html,body{margin:0;min-height:100%}
body{background:var(--cream);color:var(--navy);font:16px/1.65 "DIN Next LT Arabic","IBM Plex Sans Arabic",system-ui,-apple-system,"Segoe UI",Tahoma,sans-serif}
[lang="en"]{display:block;font-family:Poppins,system-ui,-apple-system,"Segoe UI",sans-serif;font-size:.85em;color:var(--muted);font-weight:400}
.gate{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:48px 16px}
.card{inline-size:min(400px,100%);display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center;background:#fff;border:1px solid var(--line);border-radius:16px;padding:32px 24px}
.logo{block-size:72px;inline-size:auto}
h1{margin:0;font-size:24px;line-height:1.3}h1 [lang="en"]{font-size:15px;margin-top:4px}
.lead{margin:0;color:var(--muted);font-size:15px}
.pin{display:flex;gap:10px}
.pin input{inline-size:54px;block-size:62px;text-align:center;font:600 26px system-ui,sans-serif;border:1.5px solid var(--line);border-radius:12px;background:var(--cream);color:var(--navy)}
.pin input:focus{outline:none;border-color:var(--navy);box-shadow:0 0 0 3px rgba(38,48,100,.22)}
.msg{margin:0;font-size:14px;font-weight:700}.msg.wrong,.msg.locked{color:var(--red)}
button{font:inherit;font-weight:700;background:var(--navy);color:#fff;border:0;border-radius:999px;padding:10px 26px;cursor:pointer;min-block-size:44px}
button [lang="en"]{display:inline;color:#dfe2f2;margin-inline-start:6px}
.home{font-size:14px;color:var(--muted)}.home [lang="en"]{display:inline;margin-inline-start:6px}
:focus-visible{outline:3px solid var(--orange);outline-offset:2px}