@font-face{font-family:IBM Plex Sans Arabic;src:url('fonts/ibm-plex-sans-arabic/IBMPlexSansArabic-Regular.ttf') format('truetype');font-weight:400;font-display:swap}
*{box-sizing:border-box}body{margin:0;color:#142e3d;background:#f2f6f7;font-family:"IBM Plex Sans Arabic",Arial,sans-serif}.login-shell{display:grid;grid-template-columns:1fr 1fr;min-height:100vh}.login-intro{padding:54px 64px;color:#fff;background:radial-gradient(ellipse at 0% 100%,#16665d 0,transparent 65%),#0c202d;display:flex;flex-direction:column;position:relative;overflow:hidden}.login-intro:after{content:"";position:absolute;width:400px;height:400px;border:1px solid #ffffff12;border-radius:50%;right:-200px;bottom:-140px}.login-brand{display:flex;gap:14px;align-items:center;color:#fff;text-decoration:none;font-weight:700;line-height:1.3}.login-brand>span{display:grid;place-items:center;width:52px;height:52px;border-radius:15px;background:#0a937d;font-size:18px}.login-brand small{display:block;font-size:10px;letter-spacing:2.4px;color:#abc0ca;margin-top:4px}.intro-copy{margin:auto 0;max-width:470px;padding:65px 0}.eyebrow{font-size:11px;font-weight:700;letter-spacing:2px;color:#0c927c}.login-intro .eyebrow{color:#7bd9c6}.intro-copy h1{font-size:clamp(34px,4vw,54px);line-height:1.2;letter-spacing:-1.6px;margin:22px 0}.intro-copy p{color:#bed0d5;font-size:16px;line-height:1.8;max-width:370px}.intro-rule{height:2px;width:45px;background:#55c8b2;margin:34px 0}.intro-footer{font-size:12px;color:#a6c5c6;letter-spacing:2px}.login-panel{padding:40px;display:flex;align-items:center;justify-content:center;position:relative}.login-card{width:100%;max-width:390px}.login-card h2{font-size:36px;line-height:1.2;letter-spacing:-1px;margin:14px 0}.login-description{font-size:14px;color:#6c7f8a;line-height:1.7;margin:0 0 32px}.login-card form{display:flex;flex-direction:column}.login-card label{font-size:13px;font-weight:700;margin-bottom:9px}.login-card input:not([type=hidden]){width:100%;height:50px;border:1px solid #cbdbe1;border-radius:10px;padding:0 15px;background:#fff;color:#142e3d;font:inherit;font-size:14px;margin-bottom:22px;outline:none}.login-card input:focus{border-color:#0a927c;box-shadow:0 0 0 3px #0a927c12}.login-card button{height:50px;border:0;border-radius:10px;background:#088f79;color:#fff;padding:0 18px;display:flex;justify-content:space-between;align-items:center;font:inherit;font-size:14px;font-weight:700;cursor:pointer;box-shadow:0 5px 15px #088f791a}.login-card button:hover{background:#087b69}.login-card button span{font-size:23px}.login-help{font-size:12px;line-height:1.8;color:#81929a;margin-top:24px}.login-foot{position:absolute;bottom:20px;color:#9aabb2;font-size:11px}.login-error{background:#fff0ef;border:1px solid #facbc7;border-radius:10px;padding:13px;color:#a83228;font-size:13px;line-height:1.5;margin-bottom:22px}@media(max-width:750px){.login-shell{grid-template-columns:1fr}.login-intro{padding:24px 28px}.intro-copy{display:none}.login-panel{padding:45px 28px 70px;min-height:calc(100vh - 100px)}.login-foot{bottom:15px}}