:root{font-family:Cairo,Arial,sans-serif;color:#f5fcff;--navy:#0a263a;--mid:#123d52;--aqua:#7edee0;--ink:#e9f5f8}*{box-sizing:border-box}html{min-height:100%;scroll-behavior:smooth}body{margin:0;min-height:100vh;background:linear-gradient(135deg,#071928,#10334a 51%,#153c4c);overflow-x:hidden}button,input,select{font:inherit}button,a{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--aqua);outline-offset:3px}button:disabled{cursor:wait;opacity:.66}::selection{background:#3ca6a2;color:white}.aurora{position:fixed;filter:blur(85px);z-index:-1;border-radius:50%;pointer-events:none}.aurora.one{top:-190px;inset-inline-start:-130px;background:radial-gradient(circle,#2c8ba044,transparent 65%);width:780px;height:650px;animation:aurora 13s ease-in-out infinite alternate}.aurora.two{bottom:-300px;inset-inline-end:-140px;background:radial-gradient(circle,#42b5b73b,transparent 65%);width:850px;height:780px;animation:aurora 16s ease-in-out infinite alternate-reverse}@keyframes aurora{to{transform:translate(40px,-30px) scale(1.07)}}.background-grid{position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.12;background-image:linear-gradient(#7bb9cc3d 1px,transparent 1px),linear-gradient(90deg,#7bb9cc3d 1px,transparent 1px);background-size:75px 75px;mask-image:linear-gradient(90deg,transparent 10%,black 78%)}.page-wrap{width:min(1420px,calc(100% - 82px));margin:0 auto}.brand-top{height:120px;display:flex;justify-content:space-between;align-items:center;gap:20px}.brand-lockup{display:flex;align-items:center;gap:18px}.brand-lockup img{width:192px;max-width:48vw;height:67px;object-fit:contain;filter:brightness(0) invert(1)}.brand-lockup>span{color:#dceaf2;letter-spacing:1.5px;font-weight:900;font-size:14px;white-space:nowrap}.brand-lockup b{font-weight:600;color:#79d8d6}.header-side{display:flex;align-items:center;gap:15px}.private-badge{font-size:11px;color:#b3d0de;padding:9px 14px;border:1px solid #c0ecf433;border-radius:99px;background:#fff1}.lang-switch{display:flex;align-items:center;gap:9px;padding:7px 11px;background:#ffffff13;border:1px solid #badce536;border-radius:11px}.lang-switch select{background:transparent;color:white;border:0;outline:none;min-width:85px;font-size:12px}.lang-switch option{color:#173448}.hero-layout{display:grid;grid-template-columns:minmax(0,1.07fr) minmax(420px,.9fr);gap:clamp(35px,6vw,105px);align-items:center;min-height:calc(100vh - 120px);padding:32px 0 66px}.brand-story{position:relative;padding:45px 0;isolation:isolate;min-height:630px;display:flex;flex-direction:column;justify-content:center}.hero-watermark{position:absolute;z-index:-1;top:0;inset-inline-start:2%;width:min(82%,610px);height:auto;aspect-ratio:1/1;object-fit:contain;opacity:.075;filter:grayscale(1) brightness(0) invert(1);animation:float 10s ease-in-out infinite}.brand-story:after{content:"";position:absolute;z-index:-1;border:1px solid #b1f6ff18;border-radius:50%;width:560px;height:560px;top:30px;inset-inline-start:4%;box-shadow:0 0 0 48px #f1ffff03,0 0 0 96px #d2ffff02}.hero-eyebrow{display:flex;gap:9px;align-items:center;color:#9be4e6;font-size:11px;font-weight:800;letter-spacing:2px}.live-pulse{width:7px;height:7px;border-radius:100%;background:#8be8d8;box-shadow:0 0 0 6px #a2fff117}.brand-story h1{font-size:clamp(47px,5.1vw,83px);font-weight:900;line-height:1.33;letter-spacing:-2.3px;margin:23px 0 12px}.brand-story em{font-style:normal;color:var(--aqua);text-shadow:0 8px 50px #53cfd43b}.hero-text{line-height:2.25;color:#b8d1e0;max-width:600px;font-size:clamp(13px,1.1vw,16px);margin:12px 0 30px}.hero-features{display:flex;gap:12px;flex-wrap:wrap}.hero-features>div{display:flex;align-items:center;gap:9px;background:#ffffff0b;border:1px solid #c6edf222;padding:10px 12px;border-radius:12px;color:#d2e8ef;font-size:11px;backdrop-filter:blur(6px)}.feature-icon{color:#8de1db;font-size:11px;font-weight:800}.hero-foot{position:absolute;bottom:2px;font-size:10px;letter-spacing:1.4px;color:#81a1b0;display:flex;align-items:center;gap:10px}.hero-foot i{width:4px;height:4px;background:#82bec2;border-radius:50%}.auth-wrap{width:100%;max-width:540px;justify-self:center}.auth-card{position:relative;overflow:hidden;isolation:isolate;background:linear-gradient(135deg,#ffffffef,#f0f9fae9);border:1px solid #fff;border-radius:30px;padding:clamp(29px,3.2vw,47px);color:#173a4b;box-shadow:0 35px 105px #0006,0 1px 0 #fff inset;backdrop-filter:blur(30px)}.auth-card:before{content:"";position:absolute;width:280px;height:280px;inset-inline-end:-150px;top:-150px;background:radial-gradient(circle,#7ed9df78,transparent 70%);filter:blur(22px);z-index:-1}.card-logo{position:relative;width:72px;height:72px;margin:0 auto 14px;display:grid;place-items:center;background:linear-gradient(135deg,#eaf8fa,#d8eef3);border:1px solid #d0eaf0;border-radius:19px;box-shadow:0 12px 28px #173d5333;transition:transform .35s}.card-logo:hover{transform:rotate(-3deg) translateY(-4px)}.card-logo img{width:60px;height:60px;object-fit:contain;mix-blend-mode:multiply}.logo-sheen{position:absolute;inset:0;border-radius:19px;background:linear-gradient(120deg,transparent 35%,#ffffff88 50%,transparent 65%);transform:translateX(-120%);animation:sheen 6s ease-in-out infinite;pointer-events:none}.card-eyebrow{display:block;text-align:center;font-weight:900;color:#318498;font-size:10px;letter-spacing:1.6px}.login-heading h2{text-align:center;margin:2px 0 6px;font-size:27px;line-height:1.6;letter-spacing:-.4px}.login-heading p{text-align:center;margin:0 auto 24px;max-width:350px;color:#6a8393;font-size:12px;line-height:1.8}form label{display:block;font-size:11px;font-weight:800;color:#2b4859;margin:13px 0 7px}.password-head{display:flex;align-items:end;justify-content:space-between;gap:8px}.password-head button{background:none;border:0;color:#29859a;font-size:10px;font-weight:800}.password-head label{margin-bottom:7px}.input-wrap{position:relative}.input-wrap input,form input,form select{width:100%;height:50px;padding:11px 14px;border-radius:13px;background:#fff;border:1px solid #bfd5df;color:#183d52;outline:none;transition:border-color .15s,box-shadow .15s}.input-wrap input{padding-inline-start:46px}.input-wrap input:focus,form input:focus,form select:focus{border-color:#47a9b4;box-shadow:0 0 0 4px #70cfd32b}.input-wrap input::placeholder{color:#9daeba}.input-icon{position:absolute;inset-inline-start:15px;top:13px;font-size:20px;color:#5e95a7}.show-pw{position:absolute;inset-inline-end:10px;top:12px;background:#eef7f9;border:0;color:#246b7d;border-radius:8px;padding:4px 8px;font-size:10px;font-weight:700}.job-row{display:grid;gap:7px}.submit{display:flex;width:100%;align-items:center;justify-content:center;gap:20px;margin-top:23px;border:0;border-radius:13px;padding:16px;background:linear-gradient(100deg,#153b56,#207b92);color:white;font-weight:900;box-shadow:0 12px 24px #1f6c803b;transition:transform .25s,filter .25s,box-shadow .25s}.submit:hover{filter:brightness(1.12);transform:translateY(-3px);box-shadow:0 15px 27px #16779066}.arrow{font-size:19px;color:#8ce8e2}.auth-divider{display:flex;align-items:center;gap:12px;margin:16px 0;color:#8ca6b5;font-size:10px}.auth-divider:before,.auth-divider:after{content:"";height:1px;flex:1;background:#dae6eb}.switch-row{text-align:center;font-size:12px;color:#718797}.switch-link{background:none;border:0;padding:4px 5px;font-weight:900;color:#198399;font-size:12px}.switch-link:hover,.text-link:hover{text-decoration:underline}.safety-note{display:flex;gap:10px;align-items:start;border:1px solid #e4d4a5;background:#fff5d9;color:#7d6331;border-radius:13px;padding:12px;margin-top:14px}.safety-note>span{font-size:18px}.safety-note p{font-size:10px;margin:0;line-height:1.95}.view-demo{display:flex;justify-content:center;gap:9px;color:#547f8e;margin-top:22px;font-size:11px;font-weight:800}.view-demo:hover{color:#168294}.under-card{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#93bac8;font-size:10px;line-height:1.8;padding:12px 5px}.auth-alert{border-radius:12px;padding:12px;margin-bottom:14px;font-size:12px;line-height:1.9;background:#d7f3f0;color:#165e62;border:1px solid #93d7d1}.auth-alert.error{background:#ffe7e1;color:#8b382f;border-color:#edb2a8}.auth-alert[hidden],#register-fields[hidden],#job-other[hidden]{display:none}@keyframes float{50%{transform:translateY(-18px) rotate(3deg)}}@keyframes sheen{10%,40%{transform:translateX(140%)}100%{transform:translateX(140%)}}@media(max-width:1050px){.hero-layout{grid-template-columns:.9fr 1fr;gap:30px}.page-wrap{width:calc(100% - 52px)}.hero-features>div:last-child{display:none}.brand-story h1{font-size:50px}}@media(max-width:780px){.page-wrap{width:calc(100% - 32px)}.brand-top{height:86px}.brand-lockup img{width:145px;height:53px}.brand-lockup>span{display:none}.private-badge{display:none}.hero-layout{display:flex;flex-direction:column;gap:4px;align-items:stretch;min-height:0;padding:12px 0 40px}.brand-story{min-height:0;padding:0 4px 24px}.hero-watermark{width:170px;top:-25px;inset-inline-end:0;inset-inline-start:auto;opacity:.07}.brand-story:after{display:none}.brand-story h1{font-size:clamp(30px,7.7vw,48px);margin:10px 0 2px;line-height:1.35}.hero-text{font-size:11px;line-height:1.85;margin:6px 0 0}.hero-features,.hero-foot{display:none}.auth-wrap{max-width:560px}.auth-card{padding:25px 22px;border-radius:23px}.card-logo{width:65px;height:65px;margin-bottom:8px}.card-logo img{width:55px;height:55px}.login-heading h2{font-size:24px}.login-heading p{margin-bottom:15px}.under-card{font-size:9px}.hero-eyebrow{font-size:9px}}@media(max-width:380px){.page-wrap{width:calc(100% - 18px)}.auth-card{padding:21px 17px}.brand-story h1{font-size:28px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important}}


/* v0.9.6.2 — Prevent password show/hide text from overlapping input text.
   The input itself uses LTR for credential entry even when the page is RTL,
   so logical padding on the input would reserve space on the wrong side. */
.password-wrap{position:relative;min-width:0}
.password-wrap #password{box-sizing:border-box;min-width:0;width:100%}
html[dir="rtl"] .password-wrap #password{padding-left:104px!important;padding-right:46px!important}
html[dir="ltr"] .password-wrap #password{padding-right:104px!important;padding-left:46px!important}
.password-wrap .show-pw{position:absolute;inset-inline-end:10px;top:50%;transform:translateY(-50%);z-index:2;display:inline-flex;justify-content:center;align-items:center;min-width:72px;min-height:34px;padding:6px 11px;line-height:1.25;white-space:nowrap;border:1px solid #c3e0e6;border-radius:10px;background:#eaf5f7;color:#185e72;font-size:12px;font-weight:800;transition:background .18s ease,box-shadow .18s ease}
.password-wrap .show-pw:hover{background:#d3eef2;box-shadow:0 3px 11px #1653691c}
.password-wrap .show-pw:focus-visible{outline:2px solid #217d98;outline-offset:2px}
@media(max-width:380px){html[dir="rtl"] .password-wrap #password{padding-left:94px!important}html[dir="ltr"] .password-wrap #password{padding-right:94px!important}.password-wrap .show-pw{min-width:64px;padding:5px 8px;font-size:11px}}


/* FEAH.Site v1.0.3 — subtle premium login refinements */
.brand-story h1{text-wrap:balance}.hero-text{text-wrap:pretty}
.auth-card{transition:box-shadow .26s ease,border-color .26s ease;border-color:rgba(255,255,255,.85)}
.auth-card:focus-within{box-shadow:0 35px 105px #0006,0 0 0 2px rgba(126,222,224,.23)}
.hero-eyebrow{letter-spacing:.08em}.hero-features>div{transition:background-color .2s ease,transform .2s ease}
@media(hover:hover) and (pointer:fine){.hero-features>div:hover{transform:translateY(-2px);background:#ffffff16}}
@media(max-width:780px){.auth-card{backdrop-filter:none;-webkit-backdrop-filter:none}}
@media(prefers-reduced-motion:reduce){.auth-card,.hero-features>div{transition:none!important;transform:none!important}}

/* v1.0.5: static decorative lighting, no perpetual pulsing on login. */
.aurora,.aurora.one,.aurora.two,.live-pulse,.hero-watermark {animation:none !important;}

/* FEAH v1.0.6: deterministic motion policy. No pulsing, shimmering, floating or
   scroll-entry animations on the operational UI. Functional state is not animated. */
html,body { scroll-behavior:auto !important; }
*,*::before,*::after { animation:none !important; animation-delay:0s !important; }
/* Prevent blurred cards from repainting and flashing while scrolling. */
.card,.stat,.role-hero,.request-card,.topbar,.sidebar,.glass,.glass-card {
  backdrop-filter:none !important; -webkit-backdrop-filter:none !important;
}
/* Keep short focus/hover feedback only for interactive controls. */
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;scroll-behavior:auto!important}}
/* Final stability: no perpetual decorative pulse/float; hover feedback remains. */
.aurora.one,.aurora.two,.hero-watermark,.logo-sheen,.live-pulse{animation:none!important}