*{box-sizing:border-box}body.signin-page{margin:0;min-height:100svh;background:#f5f7fa;color:#30445b;font-family:var(--arabic);font-size:1rem;line-height:1.8;display:flex;flex-direction:column}button,input,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #dc6338;outline-offset:4px}.signin-top{display:flex;align-items:center;justify-content:space-between;max-width:1240px;width:100%;margin:auto;padding:25px 40px}.signin-brand{display:flex;align-items:center;gap:11px;font-family:'Cairo',sans-serif;font-size:1.8rem;font-weight:800;direction:ltr;line-height:1}.signin-brand>span{display:grid;place-items:center;width:40px;height:42px;border-radius:12px;background:#dc5931;color:white;font-size:2rem;box-shadow:0 5px 16px #da5f3420}.signin-brand sup{font-size:.7rem;align-self:flex-start;margin-top:7px;color:#9aa5b0}.signin-main{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;padding:25px 20px 35px}.signin-card{width:100%;max-width:460px;padding:36px 40px 28px;border:1px solid #e5eaf0;border-radius:22px;background:#fff;box-shadow:0 18px 60px #2948690b;animation:signin-arrive .65s ease both}.signin-icon{width:52px;height:52px;border-radius:16px;background:#fff1e9;color:#c6532d;display:grid;place-items:center;margin-bottom:22px}.signin-icon svg{width:27px;height:27px}.signin-eyebrow{color:#718298;font-size:.875rem;margin:0 0 9px}.signin-card h1{font-size:1.85rem;font-weight:700;line-height:1.75;margin:0;color:#2d425b}.signin-intro{margin:10px 0 28px;color:#73849a;font-size:.9375rem;line-height:1.95}.signin-field{margin-bottom:19px}.signin-field label{display:block;font-size:.875rem;font-weight:600;margin-bottom:9px}.signin-input{position:relative;display:flex;align-items:center}.signin-input>svg{position:absolute;inset-inline-start:16px;width:20px;height:20px;color:#94a3b5;pointer-events:none}.signin-input input{width:100%;min-height:54px;padding:12px 16px 12px 45px;border:1px solid #dce4ed;border-radius:11px;background:#fbfcfe;outline:none;color:#2d425b;font-family:'Cairo',sans-serif;font-size:1rem;line-height:1.5;transition:border-color .2s,box-shadow .2s}.signin-input input:focus{border-color:#d6744f;box-shadow:0 0 0 3px #e58d6015;background:#fff}.signin-input input::placeholder{color:#a4afbc;letter-spacing:.04em}[dir=rtl] .signin-input input{padding-left:16px;padding-right:47px}.password-input input{padding-right:48px}[dir=rtl] .password-input input{padding-left:48px}.password-input button{position:absolute;inset-inline-end:8px;width:38px;height:38px;padding:9px;border:0;border-radius:8px;color:#8293a8;background:transparent;display:grid;place-items:center}.password-input button:hover{background:#edf1f6}.password-input button svg{width:21px;height:21px}.password-input button[aria-pressed=true]{color:#bf502d}.signin-submit{margin-top:8px;display:flex;align-items:center;justify-content:center;gap:12px;width:100%;min-height:53px;padding:12px 20px;border:1px solid #c55029;border-radius:11px;color:white;background:#cf552e;box-shadow:0 5px 14px #cd54221c;font-size:.9375rem;font-weight:600;transition:background .2s,transform .2s}.signin-submit svg{width:21px;height:21px}.signin-submit:hover{background:#b94725;transform:translateY(-1px)}.signin-submit:disabled{cursor:wait;opacity:.7;transform:none}.signin-error{padding:12px 14px;border:1px solid #efd4cf;border-radius:10px;background:#fff7f5;color:#a7422f;font-size:.875rem;line-height:1.9;overflow-wrap:anywhere}.signin-error[hidden]{display:none}.signin-divider{display:flex;align-items:center;gap:15px;margin:26px 0 18px;color:#97a4b4;font-size:.8125rem}.signin-divider:before,.signin-divider:after{content:'';height:1px;background:#e9edf2;flex:1}.signin-alternative{display:flex;align-items:center;justify-content:center;border:1px solid #dde5ee;border-radius:10px;min-height:48px;padding:10px 12px;font-size:.875rem;font-weight:500;transition:background .2s}.signin-alternative:hover{background:#f5f7fa}.signin-driver{margin:22px 0 0;text-align:center;color:#8997a8;font-size:.875rem}.signin-driver a{color:#b95331;font-weight:600;margin-inline-start:5px}.signin-home{margin-top:25px;font-size:.875rem;color:#77889d}.signin-home:hover{color:#b95331}.signin-footer{text-align:center;padding:15px 20px 24px;color:#97a4b4;font-size:.8125rem}.signin-footer>span:first-child{margin:0 8px}@keyframes signin-arrive{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@media(max-width:520px){.signin-top{padding:20px 22px}.signin-brand{font-size:1.55rem}.signin-brand>span{width:35px;height:37px;font-size:1.7rem}.signin-main{padding:12px 16px 25px;justify-content:flex-start}.signin-card{padding:28px 24px 24px;border-radius:18px}.signin-card h1{font-size:1.6rem}.signin-intro{font-size:.875rem}.signin-icon{width:46px;height:46px;border-radius:14px;margin-bottom:18px}.signin-footer{font-size:.75rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
