:root{--blue:#1E3A5F;--blue-dark:#142f4d;--green:#0F8B6D;--gold:#D4A857;--bg:#F5F7FA;--text:#172033;--muted:#788598;--line:#e2e8ef}*{box-sizing:border-box}html{font-size:16px}body{min-height:100svh;margin:0;background:var(--bg);color:var(--text);font-family:"Tajawal",sans-serif}.auth-shell{min-height:100svh;background:#fff}.identity{min-height:250px;padding:24px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden;color:#fff;background:linear-gradient(145deg,var(--blue),var(--blue-dark))}.identity:before,.identity:after{content:"";position:absolute;border:1px solid rgba(212,168,87,.25);transform:rotate(38deg)}.identity:before{width:210px;height:210px;border-radius:48px;left:-105px;bottom:-135px}.identity:after{width:95px;height:95px;border-radius:25px;left:30px;bottom:-65px}.identity-top{display:flex;align-items:center;gap:10px;font-family:"Cairo",sans-serif;font-weight:800}.brand-mark{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:linear-gradient(135deg,var(--green),#15a782);box-shadow:0 8px 20px rgba(15,139,109,.25)}.identity-copy{position:relative;z-index:1}.eyebrow{display:block;margin-bottom:7px;color:#84e4cf;font-size:12px;font-weight:800}.identity h1{margin:0;font:800 25px/1.5 "Cairo",sans-serif}.identity p{max-width:520px;margin:8px 0 0;color:rgba(255,255,255,.7);font-size:14px;line-height:1.8}.subject-chips{position:absolute;left:20px;top:22px;display:grid;grid-template-columns:repeat(2,35px);gap:7px;direction:ltr}.subject-chips span{height:35px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.12);border-radius:10px;background:rgba(255,255,255,.07);color:#dbe7f1;font:700 13px "Cairo"}.login-panel{padding:34px 24px 40px}.login-head>span{color:var(--green);font-size:13px;font-weight:800}.login-head h2{margin:6px 0 5px;color:var(--blue);font:800 27px "Cairo"}.login-head p{margin:0 0 26px;color:var(--muted);font-size:14px}.field{margin-bottom:18px}.field label{display:block;margin-bottom:7px;color:#46566a;font-weight:700}.field input{width:100%;height:52px;padding:0 14px;border:1px solid var(--line);border-radius:12px;outline:0;background:#fbfcfd;color:var(--text);font:500 16px "Tajawal";transition:.18s}.field input:focus{border-color:var(--green);background:#fff;box-shadow:0 0 0 4px rgba(15,139,109,.09)}#username{direction:ltr;text-align:left}.password-field{position:relative}.password-field input{padding-left:67px}.password-field button{position:absolute;left:7px;top:7px;height:38px;padding:0 11px;border:0;background:transparent;color:var(--green);font:800 12px "Tajawal";cursor:pointer}.remember{display:flex;align-items:center;gap:8px;margin:0 0 20px;color:var(--muted);font-size:13px}.remember input{width:18px;height:18px;accent-color:var(--green)}.submit{width:100%;min-height:52px;display:flex;align-items:center;justify-content:center;gap:10px;border:0;border-radius:12px;background:var(--green);color:#fff;font:800 15px "Tajawal";cursor:pointer;box-shadow:0 10px 24px rgba(15,139,109,.2);transition:.18s}.submit:active{transform:translateY(1px)}.form-error{margin-bottom:18px;padding:12px 14px;border-right:4px solid #c54848;border-radius:11px;background:#fdecec;color:#9f3434;font-size:13px;line-height:1.7}.help{margin:19px 0 0;text-align:center;color:var(--muted);font-size:12px;line-height:1.7}
@media(min-width:760px){body{display:grid;place-items:center;padding:28px}.auth-shell{width:min(980px,100%);min-height:620px;display:grid;grid-template-columns:1.08fr .92fr;border-radius:24px;overflow:hidden;box-shadow:0 26px 80px rgba(30,58,95,.16)}.identity{min-height:auto;padding:48px}.identity h1{font-size:34px}.identity p{font-size:16px}.subject-chips{left:42px;top:42px;grid-template-columns:repeat(2,42px)}.subject-chips span{height:42px}.login-panel{padding:66px 52px;display:flex;flex-direction:column;justify-content:center}}@media(min-width:1100px){.identity{padding:58px}.login-panel{padding-inline:58px}.submit:hover{background:#0c765d;transform:translateY(-1px)}}