@font-face {
  font-family: 'Cairo';
  font-style: normal;
  font-weight: 200 1000;
  font-display: swap;
  src: url('/fonts/Cairo-Arabic.woff2') format('woff2');
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC4, U+10EFC-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
}
@font-face {
  font-family: 'Cairo';
  font-style: normal;
  font-weight: 200 1000;
  font-display: swap;
  src: url('/fonts/Cairo-LatinExt.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Cairo';
  font-style: normal;
  font-weight: 200 1000;
  font-display: swap;
  src: url('/fonts/Cairo-Latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
:root{font-family:'Cairo',Tahoma,Arial,sans-serif;font-synthesis:none;color-scheme:light;--background:#f3f5f9;--surface:#fff;--text:#182941;--muted:#53647a;--border:#dfe6ef;--input-border:#bdc9da;--accent:#087e82;--on-accent:#fff;--error-bg:#fff0f0;--error-text:#a42531;color:var(--text);background:var(--background)}
*{box-sizing:border-box}
[hidden]{display:none!important}
body{margin:0;min-height:100dvh;display:grid;place-items:center;padding:40px 24px;font-size:16px;line-height:1.85}
.auth-card{width:min(100%,490px);padding:36px 38px;background:var(--surface);border:1px solid var(--border);border-radius:18px;box-shadow:0 16px 64px #13274708}
.auth-brand{display:flex;align-items:center;gap:13px;padding-bottom:24px;margin-bottom:26px;border-bottom:1px solid var(--border)}
.auth-mark{display:block;width:56px;height:56px;flex-shrink:0;object-fit:contain}
.auth-brand strong,.auth-brand small{display:block}
.auth-brand strong{font-size:17px;font-weight:600}
.auth-brand small{color:var(--muted);font-size:13px}
h1{font-size:28px;font-weight:600;line-height:1.6;letter-spacing:0;margin:0 0 8px}
p{line-height:1.9;color:var(--muted);margin:0 0 16px}
form{margin:26px 0}
label{display:block;margin:18px 0;font-size:15px;font-weight:500}
input{display:block;width:100%;min-height:50px;margin-top:8px;padding:12px 14px;border:1px solid var(--input-border);border-radius:9px;background:var(--surface);font:inherit;font-size:16px;font-weight:400;color:var(--text)}
input:focus{border-color:var(--accent);outline:3px solid color-mix(in srgb,var(--accent) 20%,transparent);outline-offset:1px}
button{width:100%;min-height:50px;border:0;border-radius:9px;padding:13px 18px;background:var(--accent);color:var(--on-accent);font:inherit;font-weight:500;cursor:pointer;margin-top:8px}
button:hover:not(:disabled){filter:brightness(.93)}
button:focus-visible{outline:3px solid var(--accent);outline-offset:4px}
button:disabled{opacity:.5;cursor:not-allowed}
.hint,.security-note{font-size:13px;line-height:1.9}
.security-note{border-top:1px solid var(--border);padding-top:18px;margin:22px 0 0}
.error{background:var(--error-bg);padding:12px 14px;border:1px solid var(--error-text);border-radius:9px;color:var(--error-text);font-size:14px}
@media(max-width:480px){body{padding:20px 14px}.auth-card{padding:26px 20px;border-radius:14px}h1{font-size:25px}.auth-brand{margin-bottom:22px}}
@media(prefers-color-scheme:dark){:root{color-scheme:dark;--background:#0d1625;--surface:#162338;--text:#e8eef8;--muted:#b3c2d8;--border:#2d4059;--input-border:#4e6482;--accent:#66d2cb;--on-accent:#0c292b;--error-bg:#482833;--error-text:#ffb3b9}}
