:root{--ink:#352544;--lavender:#c9b6e0;--soft:#65586e}*{box-sizing:border-box}body{margin:0;min-height:100dvh;background:radial-gradient(circle at 15% 12%,#eee3f5 0,transparent 30%),linear-gradient(145deg,#fbf8fc,#f5eff8);font-family:Tahoma,Arial,sans-serif;color:var(--ink)}.access-header{max-width:1180px;margin:auto;padding:20px 24px;display:flex;justify-content:space-between;align-items:center;gap:20px}.access-header a{color:var(--ink);text-decoration:none;font-weight:700;display:flex;align-items:center;gap:10px}.access-header img{object-fit:contain}.access-header a:last-child{font-size:14px}main{min-height:calc(100dvh - 90px);display:grid;place-items:center;padding:20px}.access-card{width:min(100%,540px);padding:clamp(24px,5vw,46px);border:1px solid #e4daec;border-radius:26px;background:#fff;box-shadow:0 24px 70px #3525440c}.eyebrow{color:#71528b;font-size:13px;font-weight:700}.access-card h1{font-size:clamp(27px,5vw,38px);margin:14px 0}.access-card p{line-height:1.9;color:var(--soft)}form{display:grid;gap:10px;margin-top:24px}label{font-weight:700}input,button{font:inherit;min-height:52px;border-radius:14px;padding:12px 16px}input{border:1px solid #b5a6c1;text-align:left}button{border:0;background:var(--ink);color:#fff;font-weight:700;cursor:pointer;margin-top:5px}button:disabled{opacity:.65}#feedback{min-height:28px;color:#78344b}.access-options{display:flex;flex-wrap:wrap;gap:10px 22px;padding:18px 0;border-top:1px solid #eee7f2}.access-options a{color:#503465}.access-card small{color:#75677e;line-height:1.7;display:block}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #916cb5;outline-offset:3px}@media(max-width:480px){.access-header{padding:16px}.access-header a:first-child span{font-size:12px}.access-card{padding:24px}}
/* ضبط بوابة الرقم الوظيفي على الشاشات الصغيرة والكمبيوتر. */
html{overflow-x:hidden}.access-header,.access-card{min-width:0}.access-header a{min-width:0}.access-header a:first-child span{overflow-wrap:anywhere}.access-card{overflow-wrap:anywhere}form,input,button{width:100%;min-width:0;box-sizing:border-box}input{font-size:16px}.access-options a{min-height:44px;display:inline-flex;align-items:center}
@media(max-width:600px){.access-header{padding:14px 16px;gap:12px}.access-header a:last-child{flex:none}main{min-height:auto;display:block;padding:clamp(12px,4vw,20px) 16px 32px}.access-card{margin:8px auto;padding:clamp(20px,5vw,28px);border-radius:20px}.access-card h1{line-height:1.4}.access-options{gap:8px}.access-options a{flex:1 1 150px;justify-content:center;border:1px solid #ded1e8;border-radius:12px;text-align:center;padding:8px}}
@media(max-width:360px){.access-header a:first-child span{font-size:11px}.access-header img{width:32px;height:32px}.access-card{padding:18px}}