:root{--navy-950:#05224A;--navy-900:#063465;--navy-850:#0A3E77;--blue-700:#0F63B7;--blue-600:#1180DD;--blue-500:#2E9AE7;--blue-300:#8FD4FB;--cyan:#18B8C7;--white:#FFFFFF;--gray-50:#F7FAFD;--gray-100:#E9EEF4;--gray-300:#CAD3DF;--gray-500:#9AA6B8;--text:#1F4275;--shadow:0 30px 70px rgba(5,34,74,0.16)}*{box-sizing:border-box}body,html{width:100%;min-height:100%;margin:0}body{font-family:Cairo,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:radial-gradient(circle at top center,rgba(143,212,251,.17),transparent 34rem),linear-gradient(180deg,#f8fafc,#eef3f8);color:var(--text);direction:rtl}.page-shell{margin:0;padding:0;display:block;overflow-x:hidden}.login-mockup,.page-shell{width:100%;min-height:100dvh;background:radial-gradient(circle at 38% 44%,rgba(46,154,231,.28) 0,rgba(17,128,221,.12) 30%,transparent 58%),linear-gradient(145deg,#05224a,#06396e 48%,#05224a)}.login-mockup{display:grid;grid-template-columns:minmax(0,56%) minmax(0,44%);overflow:hidden;border-radius:0;box-shadow:none;direction:ltr;position:relative;isolation:isolate}.login-mockup:before{content:"";position:absolute;inset:0;z-index:0;background:repeating-radial-gradient(circle at 10% 112%,transparent 0 40px,rgba(143,212,251,.08) 41px 42px),linear-gradient(135deg,transparent 10%,rgba(89,185,245,.035) 56%,transparent 76%);opacity:.58;pointer-events:none}.brand-panel,.form-panel{display:flex;align-items:center;justify-content:center;padding:clamp(32px,4.5vw,72px);direction:rtl;z-index:1}.brand-panel,.form-panel{background:transparent;position:relative}.brand-panel{overflow:hidden}.brand-panel:after,.brand-panel:before{display:none}.brand-panel:before{width:760px;height:760px;left:-220px;bottom:-240px;border-radius:50%;border:1px solid rgba(143,212,251,.11);box-shadow:0 0 0 42px rgba(143,212,251,.025),0 0 0 92px rgba(143,212,251,.022),0 0 0 150px rgba(143,212,251,.018),0 0 0 218px rgba(143,212,251,.015)}.brand-panel:after{width:560px;height:560px;right:-310px;top:260px;border-radius:50%;border:72px solid rgba(143,212,251,.075);opacity:.75}.brand-watermark{position:absolute;z-index:1;top:clamp(8px,3.8vh,48px);left:clamp(44px,6.5vw,124px);width:min(980px,58vw);height:min(980px,58vw);-o-object-fit:contain;object-fit:contain;opacity:.145;filter:saturate(1.08);pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.brand-orbits{display:none}.dot-grid{position:absolute;width:96px;height:96px;z-index:1;background-image:radial-gradient(circle,rgba(143,212,251,.36) 1.1px,transparent 1.2px);background-size:12px 12px;pointer-events:none}.dot-grid-top{display:none}.dot-grid-left{left:58px;bottom:286px;opacity:.17}.brand-content{position:absolute;z-index:2;right:clamp(72px,9vw,142px);bottom:clamp(30px,6.5vh,76px);width:min(570px,calc(100% - clamp(150px, 20vw, 260px)));text-align:right;direction:rtl}.brand-content h1{width:100%;margin:0 0 22px;color:var(--white);font-size:clamp(36px,2.85vw,54px);line-height:1.42;font-weight:800;letter-spacing:-.85px;text-shadow:0 14px 34px rgba(0,0,0,.18)}.brand-content p{width:100%;margin:0;color:rgba(255,255,255,.82);font-size:clamp(16px,1.18vw,21px);line-height:1.95;font-weight:500;letter-spacing:-.2px}.accent-line{display:block;width:44px;height:4px;margin-top:34px;margin-left:auto;border-radius:999px;background:linear-gradient(90deg,var(--cyan),var(--blue-300));box-shadow:0 0 18px rgba(24,184,199,.45)}.form-panel{display:flex;align-items:center;justify-content:center;padding:22px 26px 22px 0;background:transparent;direction:rtl}.login-card{width:min(100%,590px);min-height:min(716px,calc(100dvh - clamp(64px, 9vw, 144px)));border-radius:18px;background:radial-gradient(circle at 50% 0,rgba(233,238,244,.75),transparent 24rem),var(--white);box-shadow:0 24px 48px rgba(5,34,74,.1);padding:clamp(44px,5vh,58px) clamp(40px,4.2vw,64px) clamp(34px,4vh,42px);display:flex;flex-direction:column}.card-header{text-align:center;margin-bottom:38px}.card-logo{width:108px;height:104px;-o-object-fit:contain;object-fit:contain;display:block;margin:0 auto 20px}.card-header h2{margin:0 0 10px;color:var(--text);font-size:clamp(34px,3.1vw,43px);line-height:1.24;font-weight:800;letter-spacing:-.7px}.card-header p{margin:0;color:#65748B;font-size:16px;line-height:1.8;font-weight:500}.login-form{width:100%}.field-group{margin-bottom:26px}.field-group label{display:block;margin-bottom:10px;color:var(--text);font-size:15px;font-weight:700;text-align:right}.input-wrap{position:relative}.input-wrap input{width:100%;height:56px;border:1px solid rgba(154,166,184,.42);border-radius:8px;background:rgba(255,255,255,.82);color:var(--text);font:500 16px/1 Cairo,system-ui,sans-serif;text-align:right;direction:rtl;padding:0 54px 0 18px;outline:none;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}.input-wrap input::-moz-placeholder{color:#8793A6}.input-wrap input::placeholder{color:#8793A6}.input-wrap input:focus{border-color:rgba(17,128,221,.58);background:#fff;box-shadow:0 0 0 4px rgba(17,128,221,.09)}.input-icon{position:absolute;right:18px;top:50%;width:22px;height:22px;transform:translateY(-50%);color:var(--blue-600);pointer-events:none}.form-options{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:4px 0 30px;font-size:15px}.remember{display:inline-flex;align-items:center;gap:9px;color:var(--text);font-weight:500;cursor:pointer}.remember input{width:20px;height:20px;margin:0;accent-color:var(--blue-600)}.form-options a,.support-text a{color:var(--blue-600);text-decoration:none;font-weight:600}.form-options a:hover,.support-text a:hover{text-decoration:underline}.captcha-slot{display:flex;flex-direction:column;align-items:center;gap:8px;margin:0 0 22px;min-height:68px}.captcha-slot,.captcha-slot>div{max-width:100%}.primary-button{width:100%;height:58px;border:0;border-radius:8px;background:linear-gradient(90deg,var(--blue-600) 0,#0067AC 100%);color:var(--white);font:700 18px/1 Cairo,system-ui,sans-serif;cursor:pointer;box-shadow:0 14px 28px rgba(17,128,221,.22);transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}.primary-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 18px 32px rgba(17,128,221,.28);filter:brightness(1.02)}.primary-button:disabled{cursor:not-allowed;filter:grayscale(.35);opacity:.72;box-shadow:none}.support-text{margin:auto 0 0;text-align:center;color:#697890;font-size:16px;font-weight:500}@media (max-width:1180px){.login-mockup{grid-template-columns:minmax(0,53%) minmax(0,47%)}.brand-content{right:clamp(48px,6vw,82px);bottom:clamp(54px,8vh,92px);width:min(540px,calc(100% - 112px))}.brand-content h1{font-size:clamp(34px,4vw,46px)}.brand-content p{font-size:clamp(15px,1.6vw,18px)}.brand-watermark{width:min(760px,62vw);height:min(760px,62vw);left:44px}.form-panel{padding:34px}.login-card{width:min(100%,560px);padding:44px 42px 34px}}@media (max-width:900px){.page-shell{min-height:100dvh;overflow-y:auto}.login-mockup{min-height:100dvh;grid-template-columns:1fr;overflow:visible}.brand-panel,.form-panel{min-height:auto}.brand-panel{min-height:42dvh}.brand-watermark{width:520px;height:520px;top:14px;left:50%;transform:translateX(-50%);opacity:.11}.brand-panel:before{left:-300px;bottom:-330px}.brand-content{position:relative;right:auto;bottom:auto;width:min(680px,100%);min-height:42dvh;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;text-align:center;padding:96px 28px 44px;margin:0 auto}.brand-content h1{width:100%;font-size:clamp(30px,6.2vw,42px);line-height:1.38}.brand-content p{width:100%;font-size:clamp(14px,3.2vw,17px);line-height:1.85}.accent-line{margin-left:auto;margin-right:auto}.form-panel{min-height:58dvh;padding:28px 22px 42px}.login-card{width:min(100%,560px);min-height:auto;padding:38px 28px 32px}.card-header{margin-bottom:28px}.card-logo{width:92px;height:88px;margin-bottom:16px}.card-header h2{font-size:clamp(30px,7vw,38px)}.field-group{margin-bottom:22px}.support-text{margin-top:28px}}@media (max-width:520px){.brand-content,.brand-panel{min-height:38dvh}.brand-content{padding:72px 20px 34px}.brand-content h1{font-size:clamp(25px,7.5vw,32px);letter-spacing:-.4px}.brand-content p{font-size:14px;line-height:1.8}.brand-watermark{width:430px;height:430px;top:-2px;opacity:.1}.dot-grid-top{right:26px;top:70px}.dot-grid-left{display:none}.form-panel{padding:22px 16px 34px}.login-card{border-radius:16px;padding:32px 20px 28px}.card-logo{width:82px;height:78px}.card-header p{font-size:14px}.input-wrap input{height:52px;font-size:15px}.form-options{align-items:flex-start;flex-direction:column;gap:12px;margin-bottom:24px}.primary-button{height:54px;font-size:17px}.support-text{font-size:14px}}.input-icon.toggle{pointer-events:auto;cursor:pointer;background:transparent;border:0;padding:0}.input-icon.toggle:hover{color:#0067AC}.login-notice{display:flex;align-items:center;gap:8px;margin:0 0 20px;padding:11px 14px;border-radius:10px;font-size:14px;font-weight:600;line-height:1.6}.login-notice svg{width:18px;height:18px;flex:none}.login-notice.error{background:#FDF1F1;border:1px solid #f0c9c9;color:#C0392B}.login-notice.info{background:#EAF4FB;border:1px solid #cfe6f6;color:#1565A0}.login-notice.success{background:#E9F8EF;border:1px solid #bfe6cd;color:#1C7A45}.field-error{margin:8px 0 0;color:#C0392B;font-size:13px;font-weight:600;text-align:right}.primary-button:disabled{opacity:.7;cursor:default;transform:none;filter:none}.primary-button .spin{display:inline-block;width:18px;height:18px;border:2px solid rgba(255,255,255,.5);border-top-color:#fff;border-radius:50%;animation:login-spin .7s linear infinite;vertical-align:-3px;margin-left:8px}@keyframes login-spin{to{transform:rotate(1turn)}}.input-wrap input::-moz-placeholder{font-family:inherit}.form-options,.input-wrap input,.input-wrap input::placeholder,.primary-button,.remember,.support-text{font-family:inherit}@media (min-width:901px){.login-mockup{zoom:.9;min-height:calc(100dvh / .9)}}