@font-face{font-family:Belleza;src:url(/belleza.woff2)format("woff2");font-display:swap}:root{--olive:#2b3720;--olive-2:#3b4b2d;--cream:#f1e8d2;--cream-2:#e6dcc1;--gold:#c9a14a;letter-spacing:0;color:var(--olive);background:var(--cream);font-family:Tajawal,system-ui,sans-serif}*{box-sizing:border-box}body{place-items:center;min-height:100vh;margin:0;padding:16px;display:grid}.card{border:1px solid var(--cream-2);background:#fff8ec;border-radius:16px;width:100%;max-width:400px;padding:28px 24px}.brand{align-items:center;gap:14px;margin-bottom:24px;display:flex}.brand-key{width:auto;height:56px}.brand h1{margin:0;font-size:22px;font-weight:700}.descriptor{opacity:.8;margin:2px 0 0;font-size:13px}.descriptor.en{text-align:right;direction:ltr;font-family:Belleza,sans-serif}form{gap:14px;display:grid}label{gap:6px;font-weight:500;display:grid}input{font:inherit;border:1px solid var(--cream-2);background:#fff;border-radius:10px;padding:12px}input:focus{outline:2px solid var(--gold);border-color:#0000}button{font:inherit;background:var(--olive);color:var(--cream);cursor:pointer;border:0;border-radius:10px;padding:12px;font-weight:700}button:disabled{opacity:.6}button.secondary{color:var(--olive);border:1px solid var(--olive);background:0 0}.error{color:#9b2c2c;margin:0}.muted{opacity:.75}