@font-face{font-family:NeonArabic;src:url('fonts/NotoSansArabic-Regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:NeonArabic;src:url('fonts/NotoSansArabic-Bold.ttf') format('truetype');font-weight:700;font-style:normal;font-display:swap}
:root{--login-navy:#091625;--login-navy-2:#102743;--login-green:#058d49;--login-green-dark:#04733c;--login-gold:#e8b437;--login-red:#d92d35;--login-ink:#0a1726;--login-muted:#708097;--login-line:#dfe5eb}
html{background:var(--login-navy)}
body.login-page.login-v2-page{min-height:100vh;margin:0;padding:32px;display:flex;align-items:center;justify-content:center;overflow:auto;background:radial-gradient(circle at 88% 4%,#203b5e 0,transparent 31%),linear-gradient(135deg,#09121f,#0b1c30 65%,#07111d);font-family:NeonArabic,Arial,sans-serif;color:var(--login-ink);position:relative}
.login-v2-page *{box-sizing:border-box}
.login-cladding-lines,.login-cladding-lines:before,.login-cladding-lines:after{position:fixed;inset:0;content:"";pointer-events:none}
.login-cladding-lines{opacity:.2;background:linear-gradient(120deg,transparent 0 57%,rgba(255,255,255,.16) 57.1% 57.22%,transparent 57.34%),linear-gradient(30deg,transparent 0 72%,rgba(232,180,55,.2) 72.1% 72.22%,transparent 72.34%)}
.login-cladding-lines:before{background:linear-gradient(90deg,transparent 49.94%,rgba(255,255,255,.12) 50%,transparent 50.06%);transform:rotate(32deg) scale(1.5)}
.login-v2-shell{width:min(1480px,100%);min-height:min(870px,calc(100vh - 64px));display:grid;grid-template-columns:.92fr 1.08fr;direction:ltr;background:#fff;border:1px solid rgba(255,255,255,.18);border-radius:34px;overflow:hidden;box-shadow:0 35px 100px rgba(0,0,0,.38);position:relative;z-index:2}
.login-form-panel,.login-brand-panel{direction:rtl;position:relative}
.login-form-panel{padding:46px 74px 24px;background:linear-gradient(155deg,#fff 0%,#f7f8f8 100%);display:flex;flex-direction:column}
.login-form-panel:after{content:"";position:absolute;top:0;right:0;width:7px;height:100%;background:linear-gradient(var(--login-green),var(--login-gold),var(--login-red))}
.login-panel-top{display:flex;justify-content:space-between;align-items:center;color:#758398;font-size:12px;direction:rtl}
.secure-status{display:flex;align-items:center;gap:9px}
.secure-status i{width:9px;height:9px;border-radius:50%;background:var(--login-green);box-shadow:0 0 0 5px rgba(5,141,73,.11)}
.workspace-name{font:11px/1 Arial,sans-serif;letter-spacing:1.35px;color:#96a1b1;direction:ltr}
.login-form-wrap{width:100%;max-width:500px;margin:auto}
.login-eyebrow{display:block;color:var(--login-green);font-size:13px;font-weight:800;margin-bottom:8px}
.login-form-wrap h1{font-size:clamp(35px,3vw,43px);line-height:1.35;margin:0 0 4px;letter-spacing:-.8px}
.login-form-wrap>p{color:var(--login-muted);font-size:15px;line-height:1.75;margin:0 0 25px}
.login-form-wrap>p strong{color:#4c5d72}
.login-error{padding:11px 13px;border-radius:11px;margin-bottom:16px;background:#fdebed;color:#a53242;font-size:13px;border:1px solid #f3cbd1}
.login-form-wrap form{display:grid;gap:17px}
.login-field{display:block;font-size:13px;font-weight:800;color:var(--login-ink)}
.login-field>span{display:block;margin-bottom:8px}
.login-input{height:59px;border:1px solid #d9e0e8;border-radius:15px;background:#fff;display:flex;align-items:center;padding:0 14px;transition:.2s;box-shadow:0 3px 10px rgba(9,22,37,.025);direction:ltr}
.login-input:focus-within{border-color:var(--login-green);box-shadow:0 0 0 4px rgba(5,141,73,.1)}
.login-input i{width:38px;height:38px;border-radius:10px;background:#f1f5f4;color:#7c8b9d;display:grid;place-items:center;flex:none}
.login-input svg{width:20px;height:20px;stroke:currentColor;stroke-width:1.8}
.login-input input{border:0!important;outline:0!important;background:transparent!important;width:100%!important;height:100%!important;padding:0 14px!important;margin:0!important;border-radius:0!important;font:15px/1.2 NeonArabic,Arial,sans-serif!important;color:var(--login-ink);box-shadow:none!important;direction:ltr;text-align:left}
.login-input input::placeholder{color:#9aa6b5;opacity:1}
.login-submit{height:61px;border:0;border-radius:15px;background:linear-gradient(100deg,var(--login-green-dark),var(--login-green));color:#fff;width:100%;font:800 16px NeonArabic,Arial,sans-serif;box-shadow:0 16px 30px rgba(5,141,73,.22);cursor:pointer;display:grid;grid-template-columns:35px 1fr 35px;align-items:center;padding:0 19px;transition:.2s}
.login-submit span{grid-column:2}
.login-submit i{grid-column:3;font:22px Arial,sans-serif;font-style:normal;direction:ltr}
.login-submit:hover{transform:translateY(-2px);box-shadow:0 20px 35px rgba(5,141,73,.27)}
.login-submit:active{transform:none}
.login-security-note{display:flex;align-items:center;gap:10px;margin-top:18px;color:#8592a3;font-size:11px}
.login-security-note i{width:31px;height:31px;display:grid;place-items:center;border-radius:9px;background:#fff4d9;color:#a87800;font-style:normal;font-weight:900;flex:none}
.login-form-panel footer{text-align:center;color:#9ba6b5;font-size:10px;padding-top:20px}
.login-brand-panel{overflow:hidden;background:linear-gradient(148deg,var(--login-navy-2) 0%,var(--login-navy) 72%);padding:52px 62px;color:#fff;display:flex;flex-direction:column;justify-content:space-between}
.login-brand-panel:before{content:"";position:absolute;width:520px;height:520px;border:1px solid rgba(255,255,255,.08);transform:rotate(45deg);left:-230px;top:-190px;border-radius:42px}
.login-brand-panel:after{content:"";position:absolute;width:280px;height:570px;background:linear-gradient(180deg,rgba(5,141,73,.19),rgba(232,180,55,.025));transform:rotate(37deg);left:90px;bottom:-345px;border-radius:110px}
.brand-micro{display:flex;align-items:center;gap:12px;font:12px/1 Arial,sans-serif;letter-spacing:2.1px;color:#b7c3d1;position:relative;z-index:2;direction:ltr;justify-content:flex-end}
.brand-micro i{width:34px;height:3px;background:var(--login-gold);border-radius:999px;display:block;order:2}
.brand-content{position:relative;z-index:2;margin-top:18px}
.brand-logo-tile{width:195px;height:158px;background:#fff;border-radius:24px;padding:12px 18px;display:grid;place-items:center;box-shadow:0 20px 50px rgba(0,0,0,.22);margin-bottom:23px;border-bottom:6px solid var(--login-green)}
.brand-logo-tile img{max-width:100%;max-height:100%;object-fit:contain}
.company-name{font-size:19px;color:#d6e0ea;margin:0 0 3px}
.bond-name{font-size:28px;color:#4bd18c;margin:0 0 23px;font-weight:900}
.brand-content h2{font-size:clamp(40px,3.3vw,54px);line-height:1.35;margin:0 0 14px;letter-spacing:-1.4px;max-width:700px}
.brand-content h2 em{display:block;color:var(--login-gold);font-style:normal}
.brand-description{font-size:17px;line-height:1.95;color:#c1cedc;margin:0;max-width:650px}
.brand-mobile-line{display:none}
.brand-features{display:flex;gap:10px;flex-wrap:wrap;position:relative;z-index:2;margin-top:35px}
.brand-features span{display:flex;align-items:center;gap:10px;border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.055);border-radius:14px;padding:11px 14px;color:#e7edf4;font-size:12px}
.brand-features i{width:16px;height:16px;border-radius:50%;background:var(--login-gold);box-shadow:inset 0 0 0 5px rgba(255,255,255,.25)}
@media(max-height:780px) and (min-width:901px){body.login-page.login-v2-page{padding:18px}.login-v2-shell{min-height:calc(100vh - 36px)}.login-form-panel{padding-top:32px}.brand-logo-tile{width:155px;height:125px;margin-bottom:12px}.bond-name{margin-bottom:12px}.brand-content h2{font-size:38px}.brand-description{font-size:15px}.brand-features{margin-top:20px}.login-form-wrap>p{margin-bottom:16px}.login-form-wrap form{gap:12px}.login-input{height:52px}.login-submit{height:54px}.login-security-note{margin-top:12px}}
@media(max-width:900px){body.login-page.login-v2-page{padding:0;align-items:flex-start;background:var(--login-navy)}.login-cladding-lines{display:none}.login-v2-shell{width:100%;max-width:520px;min-height:100vh;border:0;border-radius:0;grid-template-columns:1fr;overflow:hidden;box-shadow:none;background:var(--login-navy)}.login-brand-panel{order:1;min-height:305px;padding:30px 24px 58px;align-items:center;text-align:center;justify-content:flex-start}.brand-micro,.brand-content h2,.brand-description,.brand-features{display:none}.brand-content{margin:0;display:flex;flex-direction:column;align-items:center}.brand-logo-tile{width:124px;height:102px;border-radius:17px;margin:0 0 13px;padding:8px 10px;border-bottom-width:4px}.company-name{font-size:15px;margin-bottom:2px}.bond-name{font-size:23px;margin-bottom:8px}.brand-mobile-line{display:block;color:#c1cedc;font-size:13px;margin:0}.login-form-panel{order:2;min-height:calc(100vh - 273px);margin-top:-32px;border-radius:32px 32px 0 0;padding:27px 24px 18px;z-index:3}.login-form-panel:after{top:0;right:0;width:100%;height:5px;background:var(--login-green)}.login-panel-top{margin-bottom:22px}.workspace-name{display:none}.login-form-wrap{max-width:none;margin:0}.login-eyebrow{font-size:12px}.login-form-wrap h1{font-size:34px}.login-form-wrap>p{font-size:13px;line-height:1.7;margin-bottom:20px}.login-form-wrap>p br{display:none}.login-form-wrap form{gap:14px}.login-field{font-size:12px}.login-input{height:57px}.login-submit{height:58px;margin-top:2px}.login-security-note{justify-content:center;font-size:10px;margin-top:15px}.login-form-panel footer{margin-top:auto;padding-top:20px;font-size:9px}}
@media(max-width:380px){.login-brand-panel{min-height:278px;padding-top:22px}.brand-logo-tile{width:108px;height:88px}.login-form-panel{min-height:calc(100vh - 246px);padding-inline:18px}.login-panel-top{margin-bottom:15px}.login-form-wrap h1{font-size:30px}.login-input{height:53px}.login-submit{height:54px}}