@font-face{font-family:"Plex";src:url(/pub/IBMPlexSansArabic-Regular.ttf) format("truetype");font-weight:400}
@font-face{font-family:"Plex";src:url(/pub/IBMPlexSansArabic-SemiBold.ttf) format("truetype");font-weight:600}
*{box-sizing:border-box}
/* الخلفية: المشربية P-01 (مربع ضلعه m في خلية 2m) تملأ الشاشة من الحافة إلى الحافة، متمركزة وثابتة عند التمرير،
   ولون الجذر نفسه حتى لا يظهر فراغ أبيض عند السحب في الجوال */
html{background:#0F1733;min-height:100%}
body{margin:0;min-height:100vh;min-height:100dvh;display:grid;place-items:center;padding:24px 0;font-family:"Plex",system-ui,sans-serif;color:#211F1F;
  background-color:#0F1733;
  background-image:radial-gradient(ellipse at center,rgba(15,23,51,0) 0%,rgba(15,23,51,.55) 100%),conic-gradient(rgba(255,255,255,.07) 25%,transparent 0);
  background-size:100% 100%,32px 32px;background-position:center,center;background-attachment:fixed,fixed}
.box{width:min(92vw,420px);background:#fff;border-radius:20px;padding:36px 32px;box-shadow:0 30px 80px rgba(0,0,0,.35)}
.logo{height:64px;width:auto;margin:0 auto 18px;display:block}
h1{text-align:center;margin:0;font-size:24px}
.sub{text-align:center;color:#6B6760;margin:4px 0 22px;font-size:14px}
label{display:block;font-size:14px;margin:0 0 14px}
input{display:block;width:100%;margin-top:6px;border:1px solid #E6E1D8;border-radius:10px;padding:11px 12px;font:inherit;font-size:16px}
input:focus{outline:2px solid #1F4AC2;border-color:#1F4AC2}
button{width:100%;margin-top:6px;background:#1F4AC2;color:#fff;border:0;border-radius:10px;padding:12px;font:inherit;font-weight:600;font-size:16px;cursor:pointer}
button:hover{background:#163A9E}
.err{background:#FDECEA;color:#B42318;border-radius:10px;padding:10px 12px;font-size:14px}
.note{color:#6B6760;font-size:12.5px;text-align:center;margin:18px 0 0}