@import url('https://fonts.googleapis.com/css2?family=Aref+Ruqaa:wght@700&family=El+Messiri:wght@400;600;700&display=swap');
#hiringBrand,#hiringFooter{display:none}
html body:has(> main > :is(#home,#applicationCard,#applicationTrackingCard):not(.hidden)){background:radial-gradient(ellipse at 0 0,#e9e0f1 0,transparent 48%),radial-gradient(ellipse at 100% 100%,#f6eed5 0,transparent 48%),#fbfaf7!important;color:#392846!important;border-top:3px solid #b69a32;font-family:'El Messiri',Tahoma,sans-serif!important;--p:#532879;--d:#352047;--line:#e5ddeb;--muted:#82758a}
html body:has(> main > :is(#home,#applicationCard,#applicationTrackingCard):not(.hidden)) :is(#taifClassicShell,#taifWorkspaceSidebar,#taifWorkspaceToggle){display:none!important}
html body:has(> main > :is(#home,#applicationCard,#applicationTrackingCard):not(.hidden))>:is(header.top,.nav,.footer){display:none!important}
html body:has(> main > :is(#home,#applicationCard,#applicationTrackingCard):not(.hidden))>main{display:block!important;width:calc(100% - 48px)!important;max-width:1040px!important;margin:0 auto!important;padding:0 0 30px!important}
html body:has(> main > :is(#home,#applicationCard,#applicationTrackingCard):not(.hidden)) #hiringBrand{display:block!important;max-width:1040px;margin:35px auto 28px;padding:0 24px}
html body:has(> main > :is(#home,#applicationCard,#applicationTrackingCard):not(.hidden)) .hiring-brandbar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px}
html body:has(> main > :is(#home,#applicationCard,#applicationTrackingCard):not(.hidden)) .hiring-brandbar img{display:block;width:220px;max-width:55vw;height:auto}
html body:has(> main > :is(#home,#applicationCard,#applicationTrackingCard):not(.hidden)) .hiring-brandbar a{color:#765d85;text-decoration:none;font-size:13px}
html body:has(> main > :is(#home,#applicationCard,#applicationTrackingCard):not(.hidden)) .hiring-phrase{font:700 35px/1.7 'Aref Ruqaa',serif;color:#532879;margin:0}
html body:has(> main > :is(#home,#applicationCard,#applicationTrackingCard):not(.hidden)) :is(#home>.hero,#applicationCard,#applicationTrackingCard){position:relative;background:#ffffffeb!important;border:1px solid #e5ddeb!important;border-radius:24px!important;padding:30px!important;box-shadow:0 20px 70px #4c286713!important;overflow:hidden;color:#392846!important}
html body:has(> main > :is(#home,#applicationCard,#applicationTrackingCard):not(.hidden)) :is(#home>.hero,#applicationCard,#applicationTrackingCard)::before{content:'';position:absolute;top:0;left:25px;right:25px;height:3px;background:linear-gradient(90deg,#b69a32,#532879)}
html body:has(> main > :is(#home,#applicationCard,#applicationTrackingCard):not(.hidden)) :is(h2,h3){color:#392846!important;font-family:'El Messiri',Tahoma,sans-serif!important}
html body:has(> main > :is(#home,#applicationCard,#applicationTrackingCard):not(.hidden)) #home>.hero h2{font-size:28px;margin:5px 0 14px}
html body:has(> main > :is(#home,#applicationCard,#applicationTrackingCard):not(.hidden)) #home>.hero p,html body:has(> main > :is(#home,#applicationCard,#applicationTrackingCard):not(.hidden)) .muted,html body:has(> main > :is(#home,#applicationCard,#applicationTrackingCard):not(.hidden)) .note{color:#82758a!important;line-height:1.85}
html body:has(> main > :is(#home,#applicationCard,#applicationTrackingCard):not(.hidden)) .hiring-choice{background:#f8f5fb!important;border:1px solid #e5ddeb!important;border-radius:14px!important;color:#532879!important;box-shadow:none!important}
html body:has(> main > :is(#home,#applicationCard,#applicationTrackingCard):not(.hidden)) .hiring-choice-icon{color:#532879;background:#efe8f5}
html body:has(> main > :is(#home,#applicationCard,#applicationTrackingCard):not(.hidden)) .hiring-choice small{color:#82758a}
html body:has(> main > :is(#home,#applicationCard,#applicationTrackingCard):not(.hidden)) #jobs .job{border-color:#e5ddeb;border-radius:18px;background:#ffffffeb}
html body:has(> main > :is(#home,#applicationCard,#applicationTrackingCard):not(.hidden)) :is(#applicationCard,#applicationTrackingCard){max-width:760px;margin:0 auto}
html body:has(> main > :is(#home,#applicationCard,#applicationTrackingCard):not(.hidden)) .hiring-view h2{font-size:23px;line-height:1.7}
html body:has(> main > :is(#home,#applicationCard,#applicationTrackingCard):not(.hidden)) .hiring-view>.muted{margin:14px 0 20px;font-size:13px}
html body:has(> main > :is(#home,#applicationCard,#applicationTrackingCard):not(.hidden)) .hiring-view :is(input,select,textarea){font:16px 'El Messiri',Tahoma,sans-serif!important;color:#392846!important;background:white!important;border:1px solid #ddd1e5!important;border-radius:10px!important;padding:12px}
html body:has(> main > :is(#home,#applicationCard,#applicationTrackingCard):not(.hidden)) .hiring-view :is(input:not([type=checkbox]),select){min-height:49px;width:100%;min-width:0}
html body:has(> main > :is(#home,#applicationCard,#applicationTrackingCard):not(.hidden)) .hiring-view input[type=checkbox]{width:18px;height:18px;accent-color:#532879}
html body:has(> main > :is(#home,#applicationCard,#applicationTrackingCard):not(.hidden)) .hiring-view label{font-size:13px;color:#392846}
html body:has(> main > :is(#home,#applicationCard,#applicationTrackingCard):not(.hidden)) .hiring-view :is(input,select,textarea):focus{outline:3px solid #eee7f4!important;border-color:#a485b8!important}
html body:has(> main > :is(#home,#applicationCard,#applicationTrackingCard):not(.hidden)) .hiring-view .btn{background:#532879!important;color:white!important;border-radius:10px;padding:13px 20px;font:600 15px/1.5 'El Messiri',Tahoma,sans-serif}
html body:has(> main > :is(#home,#applicationCard,#applicationTrackingCard):not(.hidden)) .hiring-view .btn.secondary{background:#efe8f5!important;color:#532879!important}
html body:has(> main > :is(#home,#applicationCard,#applicationTrackingCard):not(.hidden)) .hiring-view form>.actions>.btn{width:100%}
html body:has(> main > :is(#home,#applicationCard,#applicationTrackingCard):not(.hidden)) .hiring-view .formgrid{gap:16px}
html body:has(> main > :is(#home,#applicationCard,#applicationTrackingCard):not(.hidden)) #hiringFooter{display:block!important;text-align:center;color:#97869f;font-size:11px;margin:0 auto 25px;padding:0 18px}
@media(max-width:700px){
 html body:has(> main > :is(#home,#applicationCard,#applicationTrackingCard):not(.hidden))>main{width:calc(100% - 36px)!important;padding-bottom:20px!important}
 html body:has(> main > :is(#home,#applicationCard,#applicationTrackingCard):not(.hidden)) #hiringBrand{margin:20px auto 16px;padding:0 18px}
 html body:has(> main > :is(#home,#applicationCard,#applicationTrackingCard):not(.hidden)) .hiring-brandbar{margin-bottom:18px}
 html body:has(> main > :is(#home,#applicationCard,#applicationTrackingCard):not(.hidden)) .hiring-brandbar img{width:185px}
 html body:has(> main > :is(#home,#applicationCard,#applicationTrackingCard):not(.hidden)) .hiring-brandbar a{font-size:12px}
 html body:has(> main > :is(#home,#applicationCard,#applicationTrackingCard):not(.hidden)) .hiring-phrase{font-size:29px}
 html body:has(> main > :is(#home,#applicationCard,#applicationTrackingCard):not(.hidden)) :is(#home>.hero,#applicationCard,#applicationTrackingCard){padding:24px!important;border-radius:20px!important}
 html body:has(> main > :is(#home,#applicationCard,#applicationTrackingCard):not(.hidden)) #home>.hero h2{font-size:25px}
 html body:has(> main > :is(#home,#applicationCard,#applicationTrackingCard):not(.hidden)) .hiring-view .formgrid{grid-template-columns:minmax(0,1fr)}
 html body:has(> main > :is(#home,#applicationCard,#applicationTrackingCard):not(.hidden)) .hiring-view .field{grid-column:1/-1;min-width:0}
 html body:has(> main > :is(#home,#applicationCard,#applicationTrackingCard):not(.hidden)) .hiring-view>.reqhead{gap:12px;align-items:center;flex-wrap:wrap}
 html body:has(> main > :is(#home,#applicationCard,#applicationTrackingCard):not(.hidden)) .hiring-view h2{font-size:21px}
}

/* Shared palette and consistent form rhythm. */
html body:has(> main > :is(#home,#applicationCard,#applicationTrackingCard):not(.hidden)){--p:#532879;--d:#352047;--muted:#82758a;--line:#e5ddeb}
html body:has(> main > :is(#home,#applicationCard,#applicationTrackingCard):not(.hidden)) .hiring-view .formgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 20px;align-items:start}
html body:has(> main > :is(#home,#applicationCard,#applicationTrackingCard):not(.hidden)) .hiring-view .field{min-width:0;display:flex;flex-direction:column;gap:7px}
html body:has(> main > :is(#home,#applicationCard,#applicationTrackingCard):not(.hidden)) .hiring-view .field.full{grid-column:1/-1}
html body:has(> main > :is(#home,#applicationCard,#applicationTrackingCard):not(.hidden)) .hiring-view label{margin:0;line-height:1.6;font-weight:600;font-size:14px}
html body:has(> main > :is(#home,#applicationCard,#applicationTrackingCard):not(.hidden)) .hiring-view .note{display:block;font-size:11px;line-height:1.7;margin:0;font-weight:400}
html body:has(> main > :is(#home,#applicationCard,#applicationTrackingCard):not(.hidden)) .hiring-view .hiring-optional{color:#9a8138;font-size:11px;font-weight:400;margin-inline-start:4px}
html body:has(> main > :is(#home,#applicationCard,#applicationTrackingCard):not(.hidden)) .hiring-view textarea{min-height:90px;resize:vertical}
html body:has(> main > :is(#home,#applicationCard,#applicationTrackingCard):not(.hidden)) .hiring-view input[type=file]{height:auto;min-height:50px;padding:8px;font-size:12px!important}
html body:has(> main > :is(#home,#applicationCard,#applicationTrackingCard):not(.hidden)) .hiring-view input[type=file]::file-selector-button{border:0;border-radius:7px;padding:9px 12px;margin-inline-end:10px;background:#efe8f5;color:#532879;font-family:inherit;cursor:pointer}
html body:has(> main > :is(#home,#applicationCard,#applicationTrackingCard):not(.hidden)) .hiring-view .field.full:has(input[type=checkbox]){padding:12px;background:#f8f5fb;border:1px solid #eee7f4;border-radius:10px}
html body:has(> main > :is(#home,#applicationCard,#applicationTrackingCard):not(.hidden)) .hiring-view .field.full:has(input[type=checkbox]) label{font-size:12px;line-height:1.8;font-weight:400}
html body:has(> main > :is(#home,#applicationCard,#applicationTrackingCard):not(.hidden)) .hiring-view>.muted{font-size:13px;margin:8px 0 24px}
html body:has(> main > :is(#home,#applicationCard,#applicationTrackingCard):not(.hidden)) .hiring-view .actions{margin-top:18px}
html body:has(> main > :is(#home,#applicationCard,#applicationTrackingCard):not(.hidden)) .hiring-view .alert{border-radius:10px}
@media(max-width:700px){
 html body:has(> main > :is(#home,#applicationCard,#applicationTrackingCard):not(.hidden)) .hiring-view .formgrid{grid-template-columns:minmax(0,1fr);gap:15px}
 html body:has(> main > :is(#home,#applicationCard,#applicationTrackingCard):not(.hidden)) .hiring-view .field{grid-column:1/-1}
 html body:has(> main > :is(#home,#applicationCard,#applicationTrackingCard):not(.hidden)) .hiring-view>.muted{margin-bottom:20px}
}

/* A continuous translucent surface for hiring pages. */
html body:has(> main > :is(#home,#applicationCard,#applicationTrackingCard):not(.hidden)){min-height:100svh;background:radial-gradient(ellipse at 0 0,rgba(115,75,155,.14),transparent 58%),radial-gradient(ellipse at 100% 100%,rgba(190,157,51,.12),transparent 60%),#fbfaf7!important;background-attachment:fixed!important}
html body:has(> main > :is(#home,#applicationCard,#applicationTrackingCard):not(.hidden)) :is(#home>.hero,#applicationCard,#applicationTrackingCard){background:linear-gradient(135deg,rgba(255,255,255,.56),rgba(248,244,252,.4) 65%,rgba(249,245,231,.38))!important;border-color:rgba(132,102,151,.18)!important;box-shadow:0 14px 48px rgba(76,40,103,.07)!important;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
html body:has(> main > :is(#home,#applicationCard,#applicationTrackingCard):not(.hidden)) .hiring-view :is(input,select,textarea){background:rgba(255,255,255,.6)!important;border-color:rgba(132,102,151,.25)!important}
html body:has(> main > :is(#home,#applicationCard,#applicationTrackingCard):not(.hidden)) .hiring-view :is(input,select,textarea):focus{background:rgba(255,255,255,.86)!important;outline-color:rgba(115,75,155,.12)!important}
html body:has(> main > :is(#home,#applicationCard,#applicationTrackingCard):not(.hidden)) .hiring-view select option{background:#fbfaf7;color:#392846}
html body:has(> main > :is(#home,#applicationCard,#applicationTrackingCard):not(.hidden)) .hiring-view input[type=file]::file-selector-button{background:rgba(115,75,155,.09)}
html body:has(> main > :is(#home,#applicationCard,#applicationTrackingCard):not(.hidden)) .hiring-view .field.full:has(input[type=checkbox]){background:rgba(115,75,155,.045);border-color:rgba(132,102,151,.12)}
html body:has(> main > :is(#home,#applicationCard,#applicationTrackingCard):not(.hidden)) .hiring-choice,html body:has(> main > :is(#home,#applicationCard,#applicationTrackingCard):not(.hidden)) #jobs .job{background:rgba(255,255,255,.48)!important;border-color:rgba(132,102,151,.18)!important}
html body:has(> main > :is(#home,#applicationCard,#applicationTrackingCard):not(.hidden)) .hiring-view .btn:not(.secondary){background:linear-gradient(110deg,#674084,#532879)!important}