@font-face{font-family:AuthArabic;src:url('/static/auth/arabic.ttf');font-weight:100 900;font-display:swap}
*{box-sizing:border-box}
body.auth-page{margin:0;background:#fdfdfc;color:#061a40;font-family:AuthArabic,Arial,sans-serif}
.auth-shell{max-width:500px;margin:0 auto;container-type:inline-size;padding-bottom:env(safe-area-inset-bottom)}
.auth-page a{color:#2458f5;text-decoration:none}
.auth-page a:focus-visible,.auth-page button:focus-visible{outline:3px solid #ee9a55;outline-offset:3px}
.auth-back{display:flex;direction:ltr;align-items:center;gap:2.5cqw;width:max-content;margin:7.3cqw auto 0 4.4cqw;font-size:4cqw;line-height:1.5;font-weight:700}
.auth-back span{font:6cqw Arial,sans-serif}
.auth-hero{position:relative;text-align:center;padding-top:1.2cqw}
.auth-brand{position:relative;z-index:1;display:block;width:37cqw;margin:0 auto}
.auth-brand img{display:block;width:100%;height:auto}
.auth-art{display:block;width:94cqw;height:auto;margin:-4.5cqw auto 0;mix-blend-mode:multiply}
.auth-hero h1{font-size:10.2cqw;font-weight:900;font-variation-settings:"wdth" 87.5;line-height:1.36;letter-spacing:-.5cqw;margin:1.8cqw 2cqw 1.3cqw;white-space:nowrap}
.auth-hero>p{font-size:5.4cqw;color:#7e879f;line-height:1.4;margin:0 2cqw}
.auth-card{margin:2.5cqw 4cqw 0;padding:2.4cqw 3.2cqw 3.3cqw;border:1px solid #e9edf2;border-radius:3.2cqw;background:#ffffffb8;box-shadow:0 1cqw 3cqw #172b3602}
.auth-field{margin:0 0 1.9cqw}
.auth-field>label{display:block;font-weight:700;font-size:4.1cqw;line-height:1.5;margin-bottom:1.2cqw}
.auth-page input:not([type=checkbox]):not([type=hidden]),.auth-page textarea{display:block;width:100%;border:1px solid #d5dce7;border-radius:1.8cqw;background:transparent;color:#061a40;font:inherit;font-size:4cqw;padding:1.5cqw 2cqw;min-width:0;height:10.5cqw;outline-offset:2px}
.auth-password{position:relative}
.auth-page .auth-password input:not([type=hidden]){padding-left:13cqw}
.auth-eye{position:absolute;left:0;top:50%;transform:translateY(-50%);width:12cqw;min-width:44px;height:44px;padding:2.6cqw;border:0;background:transparent;cursor:pointer;color:#808ba3;display:grid;place-items:center}
.auth-eye svg{width:5.4cqw;height:4.5cqw;stroke:currentColor;stroke-width:2}
.eye-slash{display:none}.auth-eye[aria-pressed=true] .eye-slash{display:block}
.auth-check{display:flex;align-items:center;gap:2.6cqw;font-size:3.6cqw;font-weight:700;line-height:1.65;cursor:pointer}
.auth-check input{flex:none;margin:0;width:3.5cqw;height:3.5cqw;accent-color:#2458f5}
.auth-options{display:flex;direction:rtl;align-items:center;justify-content:space-between;gap:3cqw;margin:1.5cqw 0 2.6cqw;min-height:44px}
.auth-forgot{font-size:3.65cqw;font-weight:600}
.auth-check.auth-remember{margin:0;font-size:3.35cqw;font-weight:400;color:#7e879f;gap:1.5cqw;min-height:44px}
.auth-remember input{appearance:none;-webkit-appearance:none;width:14px;height:14px;border:1px solid #b9c1cf;border-radius:4px;background:#fff;display:grid;place-content:center;cursor:pointer}
.auth-remember input:checked{border-color:#2458f5;background:#2458f5}
.auth-remember input:checked:after{content:'';width:6px;height:3px;border-left:1.5px solid white;border-bottom:1.5px solid white;transform:rotate(-45deg) translateY(-1px)}
.auth-remember input:focus-visible{outline:2px solid #ee9a55;outline-offset:3px}
.auth-help{color:#828ba0;font-size:3.9cqw;line-height:1.7;margin:1cqw 0 0}
.auth-recovery .auth-help{margin-top:1.2cqw;line-height:1.45}
.auth-submit{display:flex;direction:ltr;align-items:center;justify-content:center;gap:3.8cqw;width:100%;border:0;border-radius:2.6cqw;background:#2458f5;color:white;font:inherit;font-weight:500;font-size:5cqw;line-height:1.4;min-height:11.9cqw;cursor:pointer}
.auth-submit span:last-child{font:6.5cqw Arial,sans-serif}.auth-submit:disabled{opacity:.7;cursor:wait}
.auth-switch{text-align:center;color:#818b9f;font-size:4.2cqw;line-height:1.6;margin:2.8cqw 0 0;border-top:1px solid #e3e8f0;padding-top:3cqw}
.auth-switch a{font-weight:700}
.auth-page footer{text-align:center;color:#838ca0;font-size:3.3cqw;line-height:1.8;margin:4cqw 0 5cqw}
#auth-error{color:#a72727;font-size:3.5cqw;line-height:1.7}
.auth-register .auth-back{margin-top:7.9cqw;font-size:3.3cqw;gap:2cqw}.auth-register .auth-back span{font-size:5cqw}
.auth-register .auth-art{width:92cqw;margin-top:-5.2cqw}
.auth-register .auth-hero h1{font-size:9.6cqw;line-height:1.3;font-variation-settings:"wdth" 92;margin-top:1.6cqw}
.auth-register .auth-hero>p{font-size:4.7cqw;line-height:1.5}
.auth-register .auth-card{margin-top:1.7cqw;padding:1.3cqw 3.2cqw 2.5cqw}
.auth-register .auth-field{margin-bottom:1.6cqw}
.auth-register .auth-field>label{font-size:4cqw;margin-bottom:1.7cqw}
.auth-register input:not([type=checkbox]):not([type=hidden]){height:9.8cqw}
.auth-register textarea{height:17.6cqw;resize:vertical}
.auth-register .auth-pickup{margin-bottom:3cqw}
.auth-register .auth-help{font-size:3.35cqw;line-height:1.6}
.auth-register .auth-check{font-size:3.45cqw;gap:2.5cqw}
.auth-register .auth-check input{width:3.3cqw;height:3.3cqw}
.auth-register .map-help{margin:.5cqw 0 2.7cqw}
.auth-register .auth-submit{min-height:11cqw;font-size:4.8cqw}
.auth-register .auth-switch{border:0;padding-top:0;margin-top:3cqw;font-size:3.6cqw}
.auth-register footer{font-size:2.9cqw;margin-top:2.5cqw}
@media(min-width:700px){.auth-shell{margin:24px auto}.auth-card{box-shadow:0 8px 35px #172b3605}}