.auth-page{min-height:100vh;padding:clamp(16px,2.2vw,30px);background:radial-gradient(circle at 8% 8%,#678c7c 0,transparent 27%),linear-gradient(130deg,#173d35,#244e44 48%,#517363);font-family:Inter,Tajawal,"Segoe UI",Arial,sans-serif}
.login-shell{direction:ltr;width:min(1150px,100%);min-height:min(680px,calc(100vh - 60px));grid-template-columns:minmax(0,1.12fr) minmax(370px,.88fr);border:1px solid #ffffff4d;border-radius:28px;background:#fdfefd;box-shadow:0 40px 100px #071d1970;overflow:hidden}
.login-brand{isolation:isolate;min-height:0;justify-content:space-between;padding:34px 38px 43px;background:#203b43;color:#fff}
.login-brand:before{content:"";position:absolute;z-index:-1;inset:0;width:auto;height:auto;border:0;border-radius:0;box-shadow:none;background:linear-gradient(180deg,#0c26326b 0%,#1234450a 37%,#0d22250a 51%,#071b25eb 100%)}
.login-brand:after{content:"";position:absolute;z-index:-1;inset:0;border:1px solid #ffffff19;border-radius:0;pointer-events:none;width:auto;height:auto;top:0;right:0}
.login-branch-photo{position:absolute;z-index:-2;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 45%;filter:saturate(.95) contrast(1.04)}
.login-brand-top{display:flex;align-items:center;gap:11px;width:max-content;padding:9px 14px 9px 9px;border:1px solid #ffffff44;border-radius:15px;background:#0c293077;backdrop-filter:blur(16px);box-shadow:0 14px 28px #0002}
.login-brand-mark,.login-card-mark{display:grid;place-items:center;background:#e9f6e8;color:#317652}
.login-brand-mark{width:37px;height:37px;border-radius:10px;font-size:21px}
.login-brand-top strong,.login-brand-top small{display:block;line-height:1.1}.login-brand-top strong{font-size:14px;letter-spacing:.11em}.login-brand-top small{margin-top:5px;font-size:7px;letter-spacing:.22em;color:#d6ebde;font-weight:800}
.login-brand-copy{max-width:520px;position:relative;z-index:1;text-align:left}.login-brand-kicker{display:inline-flex;padding:7px 10px;border:1px solid #ffffff54;border-radius:100px;background:#ffffff1c;backdrop-filter:blur(8px);font-size:9px;font-weight:850;letter-spacing:.12em;color:#e9f6eb}
.login-brand-copy h1{margin:20px 0 12px;font-size:clamp(37px,4.3vw,58px);line-height:1.08;letter-spacing:-.045em;font-weight:850;text-shadow:0 3px 18px #091a2499}.login-brand-copy p{max-width:350px;margin:0;color:#e1ece5;font-size:13px;line-height:1.7;text-shadow:0 2px 12px #091a24b3}
.login-brand-line{display:flex;align-items:center;gap:7px;margin-top:32px}.login-brand-line i,.login-brand-line span{display:block;height:3px;border-radius:10px}.login-brand-line i{width:34px;background:#a9d4ad}.login-brand-line span{width:12px;background:#ffffff8c}
.login-card{min-width:0;padding:clamp(34px,4.7vw,68px);display:flex;flex-direction:column;justify-content:center;gap:0;background:radial-gradient(circle at 95% 0,#eaf5ed 0,transparent 34%),#fff}
.login-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:auto}.login-card-mark{width:48px;height:48px;border-radius:14px;font-size:27px;box-shadow:inset 0 0 0 1px #d5e7d9}.auth-language{position:static;display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:6px 12px;border:1px solid #dce8df;background:#fff;color:#357558;border-radius:9px;box-shadow:none;font-size:11px;font-weight:800}.auth-language:hover{background:#f2f8f3}
.login-card-intro{margin:54px 0 27px}.login-card-intro small{color:#39805b;font-size:10px;font-weight:850;letter-spacing:.14em}.login-card-intro h2{margin:9px 0 8px;color:#19382d;font-size:clamp(30px,2.8vw,38px);font-weight:850;line-height:1.15;letter-spacing:-.045em}.login-card-intro p{color:#708479;font-size:13px;line-height:1.6}
.login-card label{display:grid;gap:8px;margin-bottom:16px;color:#334d3d;font-size:12px;font-weight:800}.login-card input{height:52px;padding:0 15px;background:#f9fbf9;border:1px solid #dce8df;border-radius:12px;color:#19382d;font-size:14px;transition:border-color .2s,box-shadow .2s}.login-card input::placeholder{color:#a5b5a9}.login-card input:focus{border-color:#3d8962;box-shadow:0 0 0 4px #3d89621b;background:#fff}
.login-card .primary.wide{width:100%;min-height:54px;margin-top:8px;padding:0 18px;display:flex;align-items:center;justify-content:space-between;border:0;border-radius:12px;background:linear-gradient(110deg,#317a56,#448e68);box-shadow:0 12px 22px #2f765333;color:#fff;font-size:13px;font-weight:850;transition:transform .18s,box-shadow .18s}.login-card .primary.wide:hover{transform:translateY(-2px);box-shadow:0 16px 28px #2f76534d}.login-card .primary.wide span:last-child{font-size:19px;line-height:1}
.security-note{margin:17px 0 0!important;color:#829387!important;font-size:10px!important;text-align:center!important}.security-note span{color:#3f9067;font-size:14px}.login-card-foot{display:flex;justify-content:space-between;gap:12px;margin-top:auto;padding-top:36px;color:#a4b5a8;font-size:8px;font-weight:800;letter-spacing:.13em}
html[dir=rtl] .login-brand-copy,html[dir=rtl] .login-card{direction:rtl;text-align:right}html[dir=rtl] .login-card-intro h2{letter-spacing:0}html[dir=rtl] .login-card .primary.wide span:last-child{transform:scaleX(-1)}html[dir=rtl] .login-card input[type=email]{direction:ltr;text-align:left}html[dir=rtl] .login-card-foot{direction:ltr}
@media(max-height:750px) and (min-width:821px){.login-brand{padding-block:26px}.login-brand-copy h1{font-size:clamp(32px,3.8vw,48px)}.login-brand-copy p{font-size:11px}.login-card{padding:25px 42px}.login-card-intro{margin:18px 0 16px}.login-card label{margin-bottom:10px}.login-card-foot{padding-top:12px}}
@media(max-width:820px){.auth-page{padding:16px}.login-shell{width:min(540px,100%);min-height:0;grid-template-columns:1fr;border-radius:22px}.login-brand{display:flex;min-height:250px;padding:22px 25px;gap:48px}.login-brand-copy h1{font-size:31px;margin:12px 0 4px}.login-brand-copy p,.login-brand-line{display:none}.login-brand-kicker{font-size:8px}.login-card{padding:27px 28px 30px}.login-card-top{margin-bottom:0}.login-card-intro{margin:32px 0 22px}.login-card-foot{margin-top:16px;padding-top:15px}}
@media(max-width:480px){.auth-page{padding:0;display:block}.login-shell{width:100%;min-height:100vh;border:0;border-radius:0}.login-brand{min-height:220px;padding:20px 22px}.login-brand-top{padding:6px 10px 6px 6px}.login-brand-mark{width:30px;height:30px}.login-brand-top strong{font-size:11px}.login-brand-copy h1{font-size:26px}.login-card{min-height:calc(100vh - 220px);padding:25px 22px 28px}.login-card-intro h2{font-size:29px}.login-card-foot{font-size:7px}}