:root{--blue:#0C57D6;--blue-hover:#0A49B5;--ink:#1E293B;--body:#5B6B82;--muted:#8A97A8;--line:#E6EBF2;--field:#F1F4FA;--field-line:#E3E9F2;--panel-1:#F0F3FA;--panel-2:#DCEBFE;--hero-bg:#D5E7FD;--card:#FFFFFF;--form-bg:#F6F8FC}*{box-sizing:border-box}body,html{margin:0;padding:0}body.login-page{font-family:Poppins,Inter,ui-sans-serif,system-ui,sans-serif;color:var(--ink);background:var(--form-bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}body.login-page[dir=rtl]{font-family:Tajawal,Poppins,ui-sans-serif,system-ui,sans-serif}.login-wrap{display:flex;min-height:100vh}[dir=rtl] .login-wrap{direction:ltr}[dir=rtl] .brand-panel,[dir=rtl] .form-panel{direction:rtl}.brand-panel{flex:1 1 50%;min-width:0;position:relative;display:flex;flex-direction:column;padding:46px 56px 0;background:linear-gradient(155deg,var(--panel-1) 0,#e7effc 45%,var(--panel-2) 100%);overflow:hidden}.brand-inner{max-width:520px;width:100%;margin:0 auto;z-index:2}.brand-logo img{height:54px;width:auto;display:block;margin-bottom:36px}.brand-title{font-size:38px;line-height:1.18;font-weight:700;margin:0 0 18px;letter-spacing:-.5px}.brand-title .accent{color:var(--blue)}.brand-desc{font-size:16px;line-height:1.6;color:var(--body);margin:0 0 30px;max-width:440px}.brand-features{display:flex;flex-direction:column;gap:20px}.feature{display:flex;align-items:flex-start;gap:16px}.feature-ic{flex:0 0 auto;width:46px;height:46px;border-radius:13px;background:#fff;box-shadow:0 8px 20px rgba(20,50,110,.1);display:flex;align-items:center;justify-content:center;color:var(--blue)}.feature-ic svg{width:22px;height:22px}.feature-tx h3{font-size:16px;font-weight:600;margin:2px 0 4px;color:var(--ink)}.feature-tx p{font-size:14px;line-height:1.5;color:var(--body);margin:0}.brand-hero{margin-top:26px;width:100%}.brand-hero img{display:block;width:100%;max-height:42vh;object-fit:contain;object-position:bottom}.brand-foot{position:absolute;bottom:22px;left:56px;right:auto;z-index:3;display:flex;align-items:center;gap:9px;font-size:14px;font-weight:500;color:#46566c}.brand-foot svg{width:18px;height:18px;color:var(--blue)}.form-panel{flex:1 1 50%;min-width:0;display:flex;align-items:center;justify-content:center;padding:40px 24px}.login-card{width:100%;max-width:430px;min-width:0;background:var(--card);border:1px solid var(--line);border-radius:22px;padding:38px 36px;box-shadow:0 24px 70px rgba(22,45,95,.1)}.card-logo{text-align:center}.card-logo img{height:46px;width:auto;margin:0 auto 18px;display:inline-block}.card-title{text-align:center;font-size:24px;font-weight:700;margin:0 0 6px}.card-sub{text-align:center;font-size:15px;color:var(--body);margin:0 0 26px}.btn-google{width:100%;display:flex;align-items:center;justify-content:center;gap:12px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:13px 16px;font-size:15px;font-weight:500;color:#33415c;cursor:pointer;font-family:inherit;transition:background .15s,border-color .15s,box-shadow .15s}.btn-google:hover{background:#f7f9fc;box-shadow:0 4px 14px rgba(20,50,110,.07)}.btn-google svg{width:20px;height:20px}.divider{display:flex;align-items:center;gap:14px;margin:22px 0;color:var(--muted);font-size:13px}.divider::after,.divider::before{content:"";flex:1;height:1px;background:var(--line)}.field{margin-bottom:18px}.field-label{display:block;font-size:14px;font-weight:600;color:var(--ink);margin-bottom:8px}.label-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.label-row .field-label{margin:0}.forgot{font-size:13px;color:var(--blue);text-decoration:none;font-weight:500}.forgot:hover{text-decoration:underline}.input-wrap{position:relative}.input-wrap input{width:100%;border:1px solid var(--field-line);background:var(--field);border-radius:12px;padding:13px 44px;font-size:15px;color:var(--ink);font-family:inherit;outline:0;transition:border-color .15s,box-shadow .15s,background .15s}.input-wrap input::placeholder{color:#9aa7b8}.input-wrap input:focus{border-color:var(--blue);background:#fff;box-shadow:0 0 0 3px rgba(12,87,214,.12)}.input-ic{position:absolute;top:50%;transform:translateY(-50%);inset-inline-start:14px;color:#8696ab;pointer-events:none;display:flex}.input-ic svg{width:19px;height:19px}.toggle-eye{position:absolute;top:50%;transform:translateY(-50%);inset-inline-end:12px;background:0 0;border:0;padding:4px;cursor:pointer;color:#8696ab;display:flex}.toggle-eye svg{width:20px;height:20px}.remember{display:flex;align-items:center;gap:9px;margin:4px 0 22px;font-size:14px;color:var(--body);cursor:pointer}.remember input{width:17px;height:17px;accent-color:var(--blue);cursor:pointer}.btn-primary{width:100%;border:0;border-radius:12px;cursor:pointer;background:var(--blue);color:#fff;font-size:16px;font-weight:600;padding:14px 16px;font-family:inherit;transition:background .15s,box-shadow .15s,transform .05s}.btn-primary:hover{background:var(--blue-hover);box-shadow:0 10px 24px rgba(12,87,214,.28)}.btn-primary:active{transform:translateY(1px)}.signup-line{text-align:center;font-size:14px;color:var(--body);margin:18px 0 0}.signup-line a{color:var(--blue);text-decoration:none;font-weight:600}.signup-line a:hover{text-decoration:underline}.card-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:28px;padding-top:20px;border-top:1px solid var(--line);font-size:13px;color:var(--muted)}.foot-links{display:flex;align-items:center;gap:16px}.foot-links a{color:var(--muted);text-decoration:none}.foot-links a:hover{color:var(--body)}.lang{display:flex;align-items:center;gap:6px;color:var(--body);cursor:pointer;white-space:nowrap}.lang svg{width:15px;height:15px}.lang a{color:inherit;text-decoration:none}@media (max-width:991px){.brand-panel{display:none}.form-panel{flex:1 1 100%;padding:28px 18px}}@media (max-width:480px){.login-card{padding:30px 22px;border-radius:18px}.card-foot{flex-direction:column;gap:14px;align-items:center}}