@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=IBM+Plex+Sans+Arabic:wght@400;500;600;700;800&display=swap');
:root{--navy:#0e2032;--gold:#cba669;--text:#172c41;--muted:#748196}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:'IBM Plex Sans Arabic','DM Sans',Tahoma,sans-serif;background:#f9fbfd;color:var(--text)}.layout{min-height:100dvh;display:flex;flex-direction:row}.formside{width:48%;min-height:100dvh;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 15% 15%,#eaf2f8,transparent 43%),#fbfcff;padding:40px 32px}.loginwrap{width:100%;max-width:460px}.mast{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:60px}.brand{display:flex;align-items:center;gap:12px;direction:ltr;font-size:25px;letter-spacing:-.7px;font-family:'DM Sans',sans-serif;font-weight:800}.brand b{color:#ba8e4d}.symbol{height:42px;width:42px;border-radius:12px;background:#10283e;color:#d6b57e;font-size:28px;display:grid;place-items:center}.secure{font:700 10px 'DM Sans',sans-serif;letter-spacing:1px;white-space:nowrap;color:#38865b;border-radius:30px;background:#eff7f1;border:1px solid #dcece0;padding:10px 13px}.eyebrow{font:700 10px 'DM Sans',sans-serif;color:#b28854;letter-spacing:1.9px}.welcome h1{font-size:42px;line-height:1.45;letter-spacing:-.5px;margin:16px 0 5px;font-weight:800}.welcome p{font-size:14px;color:var(--muted);line-height:1.9;margin:0 0 32px}.notice{padding:13px 16px;margin-bottom:23px;background:#f2f6fb;color:#5b7186;font-size:12px;border-right:3px solid #caa36a;border-radius:10px;line-height:1.9}form{display:flex;flex-direction:column}label{font-weight:700;font-size:13px;margin:0 0 8px}input{font:500 14px 'DM Sans','IBM Plex Sans Arabic',sans-serif;border:1px solid #dce4ec;border-radius:13px;height:54px;padding:0 16px;background:white;outline:none;color:#17283b;transition:box-shadow .2s,border-color .2s;margin-bottom:22px;direction:ltr;text-align:left;width:100%}input:focus{border-color:#c4a070;box-shadow:0 0 0 4px rgba(203,166,105,.15)}input::placeholder{color:#9ba9b9}button{margin-top:3px;height:55px;background:linear-gradient(135deg,#d1b076,#ad8147);border:0;border-radius:13px;color:#122237;font:800 15px 'IBM Plex Sans Arabic','DM Sans',sans-serif;cursor:pointer;box-shadow:0 12px 25px rgba(170,125,55,.17);display:flex;align-items:center;justify-content:center;gap:12px;transition:transform .2s,box-shadow .2s}button:hover{transform:translateY(-2px);box-shadow:0 16px 30px rgba(170,125,55,.22)}.error{color:#9f3036;background:#fff2f2;border:1px solid #ffd8d8;border-radius:10px;padding:10px 14px;margin-bottom:18px;font-size:13px}.bottom{border-top:1px solid #e7edf3;margin-top:36px;padding-top:20px;color:#98a5b4;font-size:11px;display:flex;justify-content:space-between;gap:10px}.showcase{width:52%;background:radial-gradient(ellipse at 90% 5%,rgba(52,96,123,.33),transparent 48%),radial-gradient(ellipse at 5% 90%,rgba(201,152,90,.13),transparent 60%),#091827;color:#fff;padding:55px 7% 38px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.showcase:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(164,185,203,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(164,185,203,.06) 1px,transparent 1px);background-size:55px 55px;pointer-events:none}.showhead,.showbody,.showfoot{position:relative}.showhead{display:flex;justify-content:space-between;align-items:center;direction:ltr;gap:15px}.showhead strong{letter-spacing:3px;font-size:12px}.showhead span{font:600 10px 'DM Sans',sans-serif;letter-spacing:1.3px;color:#92a9bd;border:1px solid #344d61;border-radius:30px;padding:10px 12px}.showbody{margin:auto 0}.tag{color:#d3ad6d;letter-spacing:2.7px;font:700 10px 'DM Sans',sans-serif;margin-bottom:22px}.showbody h2{font-size:clamp(39px,4.2vw,66px);font-weight:800;line-height:1.4;margin:0;letter-spacing:-.4px}.showbody h2 em{color:var(--gold);font-style:normal}.showbody p{line-height:2;max-width:480px;color:#a6b5c5;font-size:15px;margin:25px 0 36px}.features{display:flex;gap:10px;flex-wrap:wrap}.features span{border:1px solid #324456;background:rgba(255,255,255,.05);border-radius:13px;padding:21px 12px;font-size:12px;flex:1;min-width:120px;text-align:center}.showfoot{border-top:1px solid rgba(255,255,255,.12);padding-top:25px;color:#cba669;direction:ltr;font:700 11px 'DM Sans',sans-serif;letter-spacing:1px;text-align:right}@media(max-width:800px){.showcase{display:none}.formside{width:100%;padding:35px 22px}.loginwrap{max-width:440px}.mast{margin-bottom:55px}.welcome h1{font-size:33px}}@media(max-width:390px){.secure{font-size:8px;padding:9px}.brand{font-size:21px}.formside{padding:25px 17px}.bottom{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}