@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@400;500;600;700&display=swap');
:root{--brand:#0b746f;--brand-dark:#075852;--mint:#c8f3df;--ink:#163a3a;--muted:#68817f;--line:rgba(255,255,255,.55)}
*{box-sizing:border-box}html{font-family:'IBM Plex Sans Arabic','Noto Sans Arabic',Tahoma,Arial,sans-serif}body{margin:0;min-height:100vh;background:#edf1f0;color:var(--ink);display:grid;place-items:center;padding:28px}.auth-shell{width:min(1120px,100%);min-height:650px;display:grid;grid-template-columns:44% 56%;overflow:hidden;border-radius:36px;background:var(--brand);box-shadow:0 28px 70px rgba(14,65,62,.22)}.auth-visual{position:relative;overflow:hidden;background:linear-gradient(160deg,#dcfff0 0%,#bdebd9 48%,#76c9b8 100%);display:flex;align-items:flex-end;justify-content:center;padding:44px}.auth-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(4,64,62,.5));pointer-events:none}.auth-visual img{width:115%;max-width:none;height:auto;object-fit:contain;position:relative;z-index:1;filter:saturate(.9)}.visual-copy{position:absolute;z-index:2;top:55px;right:45px;left:45px}.visual-copy .brand{font-size:42px;font-weight:800;color:var(--brand-dark);margin:0}.visual-copy p{font-size:18px;line-height:1.8;margin:8px 0 0;color:#225b58}.auth-panel{padding:44px 58px;color:#fff;display:flex;flex-direction:column;justify-content:center}.topline{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.logo{font-size:34px;font-weight:800;letter-spacing:-1px}.home-link{color:#fff;text-decoration:none;border:1px solid rgba(255,255,255,.5);border-radius:999px;padding:9px 15px;font-weight:600}.auth-panel h1{font-size:34px;line-height:1.25;margin:0 0 6px}.subtitle{margin:0 0 26px;color:#d8f4eb;font-size:17px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.field.full{grid-column:1/-1}.field label{display:block;margin:0 0 8px;font-weight:600;color:#eafff8}.field input,.field select{width:100%;height:52px;border:1.5px solid var(--line);border-radius:18px;background:rgba(255,255,255,.06);color:#fff;padding:0 16px;font:inherit;outline:none;transition:.2s}.field select option{color:#123;background:white}.field input::placeholder{color:#cde5df}.field input:focus,.field select:focus{background:rgba(255,255,255,.12);border-color:#d8ffe9;box-shadow:0 0 0 4px rgba(202,255,228,.13)}.submit-btn{width:100%;height:54px;border:0;border-radius:18px;background:linear-gradient(90deg,#baf1d2,#e4ffcb);color:#0a655f;font:700 17px inherit;cursor:pointer;margin-top:22px;box-shadow:0 10px 24px rgba(3,45,42,.16)}.submit-btn:hover{transform:translateY(-1px)}.message{padding:13px 15px;border-radius:14px;margin-bottom:16px}.message.error,.error{background:#ffe7e7;color:#9c2424}.message.success{background:#dcffeb;color:#136a42}.footer-link{text-align:center;margin-top:18px;color:#dff6ef}.footer-link a{color:#fff;font-weight:700}.helper{display:flex;justify-content:space-between;align-items:center;margin-top:12px;font-size:14px}.helper a{color:#fff}.checkbox{display:flex;align-items:center;gap:8px}.checkbox input{accent-color:#c8f3df}.auth-login .form-grid{grid-template-columns:1fr}.auth-login .auth-shell{min-height:610px}
@media(max-width:850px){body{padding:14px}.auth-shell{grid-template-columns:1fr;border-radius:26px}.auth-visual{min-height:260px;padding:20px}.visual-copy{top:25px;right:25px}.visual-copy .brand{font-size:34px}.auth-visual img{width:72%;margin-inline-start:auto}.auth-panel{padding:32px 24px}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.auth-panel h1{font-size:29px}}
@media(max-width:520px){.auth-visual{display:none}.auth-shell{display:block;min-height:auto}.auth-panel{padding:28px 20px}.topline{margin-bottom:18px}.logo{font-size:29px}}