@font-face{font-family:"Narkiss Hadash";src:url("/assets/fonts/NarkissHadash-Regular.otf") format("opentype");font-weight:400;font-display:swap}
@font-face{font-family:"Narkiss Hadash";src:url("/assets/fonts/NarkissHadash-Bold.otf") format("opentype");font-weight:700;font-display:swap}
body:has(.recruitment-page){background:#202124}
body:has(.recruitment-page) .app-shell,body:has(.recruitment-page) .public-apply,body:has(.recruitment-page) .site-footer{font-family:"Narkiss Hadash",Arial,sans-serif}
body:has(.recruitment-page) .site-header{min-height:76px;padding:0 clamp(28px,4.6vw,76px);border-bottom:0;background:#202124}
body:has(.recruitment-page) .site-logo{width:154px;flex-basis:154px}
body:has(.recruitment-page) .site-nav{gap:clamp(24px,3vw,48px)}
body:has(.recruitment-page) .site-nav a{font:700 16px/1 "Narkiss Hadash",Arial,sans-serif}
body:has(.recruitment-page) .site-apply-button{min-width:132px;min-height:46px;border-radius:6px;background:#ffcc19;color:#17181a;font:700 16px/1 "Narkiss Hadash",Arial,sans-serif}
.recruitment-page{min-width:0;overflow:hidden;background:#202124;color:#f7f7f6;font-family:"Narkiss Hadash",Arial,sans-serif}
.recruitment-hero{position:relative;min-height:clamp(350px,34vw,520px);overflow:hidden;box-sizing:border-box;box-shadow:inset 0 -18px #ffcc19;isolation:isolate}
.recruitment-hero-sky{position:absolute;inset:0;z-index:-3;width:100%;height:100%;object-fit:cover}
.recruitment-hero:after{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(37,139,232,.14),transparent 46%)}
.recruitment-hero-ribbon{position:absolute;z-index:-1;top:-13%;left:13%;width:105%;height:114%;object-fit:fill;opacity:.6;transform:rotate(1deg);transform-origin:center}
.recruitment-hero-aircraft{position:absolute;top:9%;right:2.5%;z-index:3;width:min(66vw,1020px);height:auto;pointer-events:none;filter:drop-shadow(0 22px 24px rgba(14,60,112,.26));will-change:transform,translate,rotate;animation:recruitment-aircraft-takeoff 7s linear 1 forwards,recruitment-aircraft-turbulence 7s linear 1 forwards}
.recruitment-hero-copy{position:absolute;left:clamp(36px,6vw,96px);bottom:clamp(30px,3.3vw,52px);z-index:2}
.recruitment-hero-copy h1{margin:0;color:#fff;font-size:clamp(58px,6.1vw,100px);font-weight:400;line-height:.75;letter-spacing:0;text-transform:uppercase;text-shadow:0 2px 3px rgba(24,87,145,.12)}
.recruitment-hero-copy h1 strong{display:inline-block;font-weight:700}
.recruitment-hero-actions{display:flex;gap:18px;margin-top:34px}
.hero-action{display:inline-flex;min-width:178px;min-height:49px;align-items:center;justify-content:space-between;gap:26px;padding:0 17px;border-radius:6px;color:#fff;font-size:16px;font-weight:700;text-decoration:none;text-transform:uppercase;transition:transform .18s ease,background .18s ease}
.hero-action:hover{transform:translateY(-2px)}.hero-action svg{width:19px;height:19px}.hero-action-primary{background:#ffcc19}.hero-action-secondary{background:rgba(26,108,173,.43);backdrop-filter:blur(8px)}
.recruitment-process{padding:clamp(58px,5vw,76px) clamp(36px,5.6vw,90px) clamp(72px,6vw,96px);background:#202124}
.recruitment-process-heading{max-width:1500px;margin:0 auto 36px}
.recruitment-process-heading h2{margin:0;color:#fff;font-size:clamp(48px,4.5vw,73px);font-weight:400;line-height:.72;letter-spacing:0;text-transform:uppercase}
.recruitment-process-heading h2 span,.recruitment-process-heading h2 strong{display:block}.recruitment-process-heading h2 strong{font-weight:700}
.recruitment-process-heading p{max-width:1460px;margin:22px 0 0;color:#f0f0ee;font-size:18px;line-height:1.25}
.recruitment-step-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;max-width:1500px;margin:0 auto}
.recruitment-step{display:grid;min-height:clamp(330px,27vw,405px);grid-template-rows:auto 1fr;padding:30px 30px 14px;overflow:hidden;border-bottom:15px solid #ffcc19;border-radius:8px;background:#27282b}
.recruitment-step-copy>span{display:block;margin-bottom:2px;color:#fff;font-size:14px;line-height:1;text-transform:uppercase}
.recruitment-step h3{margin:0 0 18px;color:#fff;font-size:clamp(27px,2.2vw,37px);font-weight:700;line-height:.95;letter-spacing:0;text-transform:uppercase}
.recruitment-step p{margin:0;color:#fff;font-size:16px;line-height:1.23}
.recruitment-step img{width:min(79%,350px);max-height:190px;align-self:end;justify-self:center;object-fit:contain}.recruitment-step:nth-child(2) img{width:min(65%,265px)}.recruitment-step:nth-child(3) img{width:min(68%,290px)}
.recruitment-page :focus-visible{outline:3px solid #fff;outline-offset:4px}
body:has(.recruitment-page) .site-footer{box-sizing:border-box;width:100%;margin-top:auto;padding:24px clamp(20px,5vw,76px) 18px;border:0;background:#202124;color:#f4f4f2}
body:has(.recruitment-page) .site-footer-inner{box-sizing:border-box;width:min(1610px,100%);margin:0 auto}
body:has(.recruitment-page) .site-footer-cta{display:grid;min-height:0;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:22px;margin:0!important;padding:20px 26px!important;border:1px solid rgba(255,204,25,.18);border-radius:7px;background:#292a2d}
body:has(.recruitment-page) .site-footer-cta-icon{display:grid;width:72px;height:72px;place-items:center;border-radius:6px;background:#202124;color:#f4f4f2;font-size:30px;line-height:1}body:has(.recruitment-page) .site-footer-cta-icon svg{width:31px;height:31px;stroke-width:1.7}
body:has(.recruitment-page) .site-footer-cta h2{margin:0;color:#fff;font-size:clamp(25px,2.1vw,34px);font-weight:400;line-height:1}
body:has(.recruitment-page) .site-footer-cta p{margin:8px 0 0;color:rgba(255,255,255,.68);font-size:16px;line-height:1.3}
body:has(.recruitment-page) .site-footer-cta a{display:inline-flex;min-height:48px;align-items:center;justify-content:center;padding:0 22px;border-radius:6px;background:#ffcc19;color:#18191b;font-size:16px;font-weight:700;text-decoration:none;white-space:nowrap}
body:has(.recruitment-page) .site-footer-legal{min-height:0;margin-top:44px!important;padding:0!important}body:has(.recruitment-page) .site-footer-logo{display:inline-block;width:220px}body:has(.recruitment-page) .site-footer-logo img{display:block;width:100%;height:auto}body:has(.recruitment-page) .site-footer-rule{height:1px;margin:22px 0 16px;background:rgba(255,255,255,.08)}body:has(.recruitment-page) .site-footer-legal p{margin:0;color:rgba(255,255,255,.72);font-size:15px;line-height:1.35}body:has(.recruitment-page) .site-footer-legal strong{display:block;margin-bottom:4px;color:#f1f1ef;font-size:16px}
body.recruitment-flow-active,html:has(body.recruitment-flow-active){background:#202124}
body:has(.recruitment-transition) .site-header,body:has(.recruitment-transition) .site-footer,body.recruitment-flow-active .site-header,body.recruitment-flow-active .site-footer{display:none}
.recruitment-transition{position:fixed;inset:0;z-index:9999;display:grid;width:auto;height:auto;min-height:0;place-items:center;overflow:hidden;background:#202124;animation:portal-fade-in .42s ease both}
.recruitment-transition-logo{position:absolute;top:clamp(42px,7vh,76px);left:50%;width:clamp(138px,12vw,176px);height:auto;transform:translateX(-50%)}
.recruitment-transition-content{display:flex;width:min(560px,calc(100% - 40px));flex-direction:column;align-items:center;text-align:center}
.recruitment-transition-content h1{margin:0;color:#fff;font-size:clamp(43px,4.2vw,64px);font-weight:400;line-height:.72;letter-spacing:0;text-transform:uppercase}
.recruitment-transition-content h1 strong{font-weight:700}.recruitment-transition-content h1 span{font-weight:400}
.recruitment-transition-content>p{margin:36px 0 14px;color:#d4d4d4;font-size:15px}
.recruitment-progress{width:min(430px,100%);height:11px;overflow:hidden;border-radius:999px;background:#292a2d}
.recruitment-progress span{display:block;height:100%;border-radius:inherit;background:#f7ca28;transition:width .65s cubic-bezier(.3,.05,.2,1)}
.recruitment-preparation-message{min-height:20px;animation:portal-message-in .3s ease both}
.recruitment-transition-content small{margin-top:17px;color:#737477;font-size:11px}
.recruitment-transition-ready .recruitment-transition-content{animation:portal-content-in .5s cubic-bezier(.2,.8,.2,1) both}
.recruitment-transition-ready .recruitment-transition-content button{display:inline-flex;min-width:214px;min-height:48px;align-items:center;justify-content:space-between;gap:28px;margin-top:40px;padding:0 18px;border:0;border-radius:6px;background:#ffcc19;color:#17181a;font:700 15px/1 "Narkiss Hadash",Arial,sans-serif;text-transform:uppercase;cursor:pointer;transition:transform .18s ease,background .18s ease}
.recruitment-transition-ready .recruitment-transition-content button:hover{background:#ffda4b;transform:translateY(-2px)}
.recruitment-transition-ready .recruitment-transition-content button svg{width:18px;height:18px}
@keyframes portal-fade-in{from{opacity:0}to{opacity:1}}
@keyframes portal-content-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@keyframes portal-message-in{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}
@keyframes recruitment-aircraft-takeoff{
  0%{transform:translate3d(75vw,24vh,0) translateY(-50%)}
  25%{transform:translate3d(34vw,12vh,0) translateY(-50%)}
  50%{transform:translate3d(-7vw,0,0) translateY(-50%)}
  75%{transform:translate3d(-48vw,-12vh,0) translateY(-50%)}
  100%{transform:translate3d(-90vw,-24vh,0) translateY(-50%)}
}
@keyframes recruitment-aircraft-turbulence{
  0%,23%,34%,62%,72%,100%{translate:0 0;rotate:0deg}
  25%{translate:0 -1px;rotate:-.08deg}
  27%{translate:1px 1px;rotate:.1deg}
  29%{translate:-1px -2px;rotate:-.12deg}
  31%{translate:1px 0;rotate:.07deg}
  33%{translate:0 1px;rotate:0deg}
  64%{translate:-1px 1px;rotate:.08deg}
  66%{translate:1px -2px;rotate:-.1deg}
  68%{translate:0 1px;rotate:.12deg}
  70%{translate:-1px 0;rotate:-.06deg}
}
.recruitment-application-view{min-height:calc(100vh - 76px);padding-top:22px}
.recruitment-back{display:inline-flex;align-items:center;gap:8px;margin-left:5%;border:0;background:transparent;color:#c7c8ca;font:700 15px/1 "Narkiss Hadash",Arial,sans-serif;cursor:pointer}.recruitment-back:hover{color:#ffcc19}.recruitment-back svg{width:17px}
body:has(.recruitment-page) .recruitment-application-view .application-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(480px,.92fr);gap:clamp(42px,6vw,100px);width:min(1500px,90%);min-height:0;margin:0 auto;padding:42px 0 72px;align-items:start;border:0;background:#202124}
.recruitment-application-view .application-intro{max-width:590px;padding-top:32px}.recruitment-application-view .eyebrow{color:#ffcc19;font-size:13px;font-weight:700;text-transform:uppercase}
.recruitment-application-view .application-intro h1{margin:16px 0 20px;color:#fff;font-size:clamp(48px,5vw,78px);font-weight:700;line-height:.92;letter-spacing:0}.recruitment-application-view .application-intro h1 span{color:#ffcc19}
.recruitment-application-view .application-intro>p{max-width:45ch;color:#c1c2c4;font-size:18px;line-height:1.45}.recruitment-aircraft{width:100%;height:150px;margin:22px 0;object-fit:contain}
.recruitment-eligibility{padding-top:20px;border-top:1px solid #3b3d40}.recruitment-eligibility h2{margin:0 0 14px;font-size:20px}.recruitment-eligibility ul{display:grid;gap:10px;margin:0;padding:0;list-style:none}.recruitment-eligibility li{display:flex;gap:10px;align-items:center;color:#ddd;font-size:16px}.recruitment-eligibility svg{width:16px;color:#ffcc19}.recruitment-eligibility p{color:#aaa}
body:has(.recruitment-page) .recruitment-application-view .application-card{padding:0;border:1px solid #414347;border-top:3px solid #ffcc19;border-radius:6px;background:#26272a;box-shadow:none}.recruitment-application-view .application-card [data-slot="card-content"]{padding:32px}.recruitment-form-heading h2{margin:8px 0;font-size:30px}.recruitment-form-heading p,.recruitment-application-view .field-help{color:#b5b5b7;font-size:14px;line-height:1.45}.recruitment-application-view .application-card form{gap:22px}.recruitment-application-view .field-group{gap:8px;margin:0;padding:0;border:0}.recruitment-application-view .application-card label{font-size:16px}.recruitment-application-view .application-card input{min-width:0;height:48px;box-sizing:border-box;font-size:16px}.recruitment-application-view .application-card button{border-radius:5px}.recruitment-application-view .application-card button[type="submit"]{min-height:48px;background:#ffcc19;color:#202124}
@media(max-width:950px){.recruitment-hero-aircraft{top:13%;right:-9%;width:78vw}.recruitment-step-grid{grid-template-columns:1fr}.recruitment-step{min-height:330px;grid-template-columns:minmax(0,1fr) minmax(180px,34%);grid-template-rows:1fr;align-items:center}.recruitment-step img,.recruitment-step:nth-child(2) img,.recruitment-step:nth-child(3) img{width:100%;align-self:center}body:has(.recruitment-page) .recruitment-application-view .application-layout{grid-template-columns:1fr}}
@media(max-width:760px){body:has(.recruitment-page) .site-header{min-height:70px;padding:12px 18px}body:has(.recruitment-page) .site-logo{width:136px}body:has(.recruitment-page) .site-apply-button{min-width:108px;min-height:42px;font-size:14px}.recruitment-hero{min-height:540px;border-bottom-width:12px}.recruitment-hero-aircraft{top:10%;right:-17%;width:112vw}.recruitment-hero-ribbon{top:-1%;left:-7%;width:155%;height:72%}.recruitment-hero-copy{left:22px;right:22px;bottom:46px}.recruitment-hero-copy h1{font-size:clamp(46px,14.5vw,67px)}.recruitment-hero-actions{gap:10px;margin-top:26px}.hero-action{min-width:0;flex:1;gap:10px;font-size:14px}.recruitment-process{padding:54px 20px 72px}.recruitment-process-heading h2{font-size:50px}.recruitment-process-heading p{font-size:17px;line-height:1.35}.recruitment-step-grid{gap:18px}.recruitment-step{min-height:420px;grid-template-columns:1fr;grid-template-rows:auto 1fr;padding:28px 24px 14px}.recruitment-step h3{font-size:31px}.recruitment-step p{font-size:16px;line-height:1.3}.recruitment-step img,.recruitment-step:nth-child(2) img,.recruitment-step:nth-child(3) img{width:min(75%,300px);max-height:170px;align-self:end;justify-self:center}.recruitment-application-view{padding-top:18px}.recruitment-back{margin-left:20px}body:has(.recruitment-page) .recruitment-application-view .application-layout{width:auto;margin:0;padding:24px 20px 52px}.recruitment-application-view .application-intro{padding-top:0}.recruitment-application-view .application-intro h1{font-size:46px}.recruitment-aircraft{height:110px}.recruitment-application-view .application-card [data-slot="card-content"]{padding:22px}}
@media(max-width:700px){body:has(.recruitment-page) .site-footer{padding:20px}body:has(.recruitment-page) .site-footer-cta{grid-template-columns:1fr;gap:16px;padding:20px!important}body:has(.recruitment-page) .site-footer-cta-icon{width:54px;height:54px;font-size:26px}body:has(.recruitment-page) .site-footer-cta h2{font-size:27px}body:has(.recruitment-page) .site-footer-cta p{font-size:15px}body:has(.recruitment-page) .site-footer-cta a{width:100%;font-size:16px}body:has(.recruitment-page) .site-footer-legal{margin-top:34px!important}body:has(.recruitment-page) .site-footer-logo{width:190px}body:has(.recruitment-page) .site-footer-legal p{font-size:14px}body:has(.recruitment-page) .site-footer-legal strong{font-size:15px}}
@media(prefers-reduced-motion:reduce){.hero-action{transition:none}}

/* Anchor the visible aircraft around the hero's optical centre at every size. */
.recruitment-hero-aircraft{top:50%;transform:translateY(-50%)}
@media(max-width:950px){.recruitment-hero-aircraft{top:46%}}
@media(max-width:760px){.recruitment-hero-aircraft{top:31%;right:-4%;width:100vw}}

@media(max-width:760px){
  html:has(.recruitment-page),body:has(.recruitment-page){width:100%;max-width:100%;overflow-x:hidden}
  body:has(.recruitment-page) .app-shell,body:has(.recruitment-page) main,.recruitment-page,.recruitment-hero,.recruitment-process{width:100%;max-width:100%;min-width:0;box-sizing:border-box;overflow-x:hidden}
  body:has(.recruitment-page) .site-header{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;width:100%;max-width:100%;box-sizing:border-box;overflow:visible}
  body:has(.recruitment-page) .site-logo{width:min(145px,44vw);max-width:145px;flex:none;margin-right:0}
  body:has(.recruitment-page) .site-apply-button{min-width:0;max-width:none;margin-left:0;padding:0 16px;white-space:nowrap}
  body:has(.recruitment-page) .site-nav.is-open{z-index:100;overflow:visible}
  .recruitment-hero-aircraft{top:29%;right:0;width:96vw;max-width:none;transform:translateY(-50%);animation-name:recruitment-aircraft-takeoff-mobile}
  .recruitment-hero-copy{width:auto;max-width:calc(100% - 44px)}
  .recruitment-hero-copy h1{max-width:100%;font-size:clamp(40px,11.8vw,52px);line-height:.78;white-space:nowrap}
  .recruitment-hero-actions{width:100%}
  .hero-action{width:calc(50% - 5px);min-width:0;flex:0 1 calc(50% - 5px);gap:6px;padding:0 12px;font-size:12px;white-space:nowrap}
  .hero-action svg{width:17px;height:17px;flex:none}
  .recruitment-process-heading,.recruitment-step-grid{width:100%;max-width:100%;min-width:0}
  .recruitment-process-heading p,.recruitment-step p{overflow-wrap:anywhere}
  .recruitment-transition{min-height:0;padding:0 20px;box-sizing:border-box}
  .recruitment-transition-logo{top:42px;width:142px}
  .recruitment-transition-content{width:100%}
  .recruitment-transition-content h1{font-size:clamp(38px,12vw,49px)}
  .recruitment-transition-content>p{margin-top:32px;font-size:14px}
  .recruitment-progress{width:min(320px,100%)}
  .recruitment-transition-ready .recruitment-transition-content button{width:min(220px,100%)}
}
@keyframes recruitment-aircraft-takeoff-mobile{
  0%{transform:translate3d(115vw,48vh,0) translateY(-50%) rotate(4deg)}
  25%{transform:translate3d(57.5vw,28vh,0) translateY(-50%) rotate(4deg)}
  50%{transform:translate3d(0,8vh,0) translateY(-50%) rotate(4deg)}
  75%{transform:translate3d(-57.5vw,-4vh,0) translateY(-50%) rotate(4deg)}
  100%{transform:translate3d(-115vw,-14vh,0) translateY(-50%) rotate(4deg)}
}

@media(prefers-reduced-motion:reduce){.recruitment-hero-aircraft{animation:none;opacity:1;transform:translateY(-50%)}}

/* Compact public navigation for narrow viewports. */
@media(max-width:760px){
  .recruitment-hero{border-bottom:0;box-shadow:inset 0 -12px #ffcc19}
  body:has(.recruitment-page) .site-header{isolation:isolate;overflow:visible}
  body:has(.recruitment-page) .site-nav.is-open{z-index:100;display:grid;grid-template-columns:minmax(0,1fr);grid-auto-rows:58px;align-content:start;justify-content:stretch;box-sizing:border-box;height:284px;min-height:0;gap:0;padding:26px 34px;background:#1d1e20;box-shadow:0 18px 32px rgba(0,0,0,.28)}
  body:has(.recruitment-page) .site-nav.is-open a{display:flex;align-items:center;min-height:0;padding:0 12px;border:0;border-radius:5px;color:#f7f7f6;font-size:20px;font-weight:700;line-height:1;text-decoration:none;transition:background-color .18s ease,color .18s ease,transform .18s ease}
  body:has(.recruitment-page) .site-nav.is-open a:hover,body:has(.recruitment-page) .site-nav.is-open a:focus-visible{background:rgba(255,204,25,.1);color:#ffcc19;transform:translateX(4px);outline:0}
}

/* Guided application flow */
.recruitment-wizard{position:fixed;inset:0;z-index:9999;display:grid;width:auto;height:auto;min-height:0;grid-template-rows:auto 1fr auto;overflow:hidden;background:#202124;color:#f7f7f6}
.recruitment-wizard-header{display:grid;grid-template-columns:170px minmax(0,1fr);gap:64px;align-items:start;padding:30px clamp(28px,4vw,66px) 0}
.recruitment-wizard-logo{width:150px;padding:0;border:0;background:transparent;cursor:pointer}.recruitment-wizard-logo img{display:block;width:100%;height:auto}
.recruitment-journey-progress{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(110px,.6fr) minmax(110px,.6fr);gap:18px;padding-top:3px}
.journey-stage>span{position:relative;display:block;width:100%;height:9px;overflow:hidden;border-radius:999px;background:#292a2d}.journey-stage>span i{display:block;height:100%;border-radius:inherit;background:#f7ca28;transition:width .5s cubic-bezier(.2,.75,.2,1)}
.journey-stage small,.journey-stage strong{display:block;text-transform:uppercase}.journey-stage small{margin-top:8px;color:#8b8c8f;font-size:10px;line-height:1}.journey-stage strong{margin-top:2px;color:#a8a9ac;font-size:15px;line-height:1}.journey-stage.is-active small,.journey-stage.is-active strong{color:#fff}
.recruitment-wizard-main{display:grid;min-height:0;place-items:center;padding:42px 24px}
.recruitment-question{width:min(620px,100%);animation:wizard-step-in .42s cubic-bezier(.2,.8,.2,1) both}.recruitment-question form{display:flex;flex-direction:column;align-items:center;text-align:center}
.recruitment-question h1{margin:0;color:#fff;font-size:clamp(44px,4.5vw,68px);font-weight:400;line-height:.72;letter-spacing:0;text-transform:uppercase}.recruitment-question h1 span,.recruitment-question h1 strong{display:block}.recruitment-question h1 strong{font-weight:700}
.recruitment-question form>p{max-width:480px;margin:24px auto 18px;color:#a7a8ab;font-size:15px;line-height:1.45}
.wizard-field-row{display:grid;width:min(520px,100%);grid-template-columns:minmax(0,1fr) 50px;align-items:stretch;margin-top:4px}
.wizard-field-row input{width:100%;height:50px;min-width:0;border:1px solid #3a3b3e;border-radius:6px 0 0 6px;background:#1d1e20;color:#fff;font:400 16px/1 "Narkiss Hadash",Arial,sans-serif;box-sizing:border-box}.wizard-field-row input:focus{position:relative;z-index:1;border-color:#f7ca28;box-shadow:none;outline:0}
.wizard-field-row>button{display:flex;min-width:50px;align-items:center;justify-content:center;gap:7px;padding:0 13px;border:0;border-radius:0 6px 6px 0;background:#f7ca28;color:#151618;font:700 12px/1 "Narkiss Hadash",Arial,sans-serif;text-transform:uppercase;cursor:pointer;transition:background .18s ease,opacity .18s ease}.wizard-field-row>button:disabled{background:#343538;color:#77787b;cursor:not-allowed}.wizard-field-row>button:not(:disabled):hover{background:#ffdc55}.wizard-field-row>button svg{width:17px;height:17px;flex:none}
.wizard-identity-field{grid-template-columns:40px minmax(0,1fr) auto}.wizard-identity-field>span,.wizard-callsign-field>span{display:grid;place-items:center;border:1px solid #3a3b3e;border-right:0;border-radius:6px 0 0 6px;background:#292a2d;color:#aaa;font-size:15px}.wizard-identity-field input,.wizard-callsign-field input{border-radius:0}.wizard-identity-field>button{min-width:50px}.wizard-identity-field>button:has(span){min-width:116px}
.wizard-field-row.has-error input,.wizard-field-row.has-error>span{border-color:#7b2e31;color:#ef6267}.wizard-field-row.has-success input,.wizard-field-row.has-success>span{border-color:#28724e}
.recruitment-question .mt-2{width:min(520px,100%);margin:10px auto 0;justify-content:center;font-size:13px}.recruitment-question .mt-2 svg{flex:none}
.wizard-support-link{display:inline-flex;align-items:center;gap:7px;margin-top:32px;color:#f7ca28;font-size:13px;font-weight:700;text-decoration:none}.wizard-support-link svg{width:14px}
.wizard-callsign-field{grid-template-columns:86px minmax(0,1fr) 50px}.wizard-field-tools{display:flex;width:min(520px,100%);align-items:flex-start;justify-content:space-between;gap:20px}.wizard-field-tools .mt-2{width:auto;margin-inline:0;justify-content:flex-start;text-align:left}.wizard-field-tools>button{display:inline-flex;flex:none;align-items:center;gap:7px;margin-top:10px;border:0;background:transparent;color:#f7ca28;font:700 12px/1.3 "Narkiss Hadash",Arial,sans-serif;cursor:pointer}.wizard-field-tools>button svg{width:14px;height:14px}
.wizard-review{width:min(560px,100%)}.wizard-review dl{width:100%;margin:26px 0 0;border-top:1px solid #38393c}.wizard-review dl div{display:flex;justify-content:space-between;gap:30px;padding:13px 2px;border-bottom:1px solid #38393c;text-align:left}.wizard-review dt{color:#999a9d;font-size:14px}.wizard-review dd{margin:0;color:#fff;font-size:15px;font-weight:700;text-align:right}
.wizard-confirm{display:flex;gap:12px;align-items:flex-start;margin:20px 0;color:#b7b8ba;font-size:13px;line-height:1.4;text-align:left;cursor:pointer}.wizard-confirm button{flex:none;margin-top:2px}
.wizard-review>button[type="submit"]{display:flex;width:100%;min-height:50px;justify-content:space-between;border-radius:6px;background:#f7ca28;color:#151618;font:700 14px/1 "Narkiss Hadash",Arial,sans-serif;text-transform:uppercase}.wizard-submit-error{display:flex;width:100%;gap:9px;align-items:flex-start;margin-bottom:16px;color:#ef6267;font-size:13px;line-height:1.4;text-align:left}.wizard-submit-error svg{width:17px;height:17px;flex:none}
.recruitment-wizard-footer{display:flex;align-items:center;justify-content:space-between;padding:0 clamp(28px,4vw,66px) 28px;color:#77787b;font-size:12px;text-transform:uppercase}.recruitment-wizard-footer button{display:inline-flex;align-items:center;gap:8px;border:0;background:transparent;color:#aaa;font:700 12px/1 "Narkiss Hadash",Arial,sans-serif;text-transform:uppercase;cursor:pointer}.recruitment-wizard-footer button:hover{color:#f7ca28}.recruitment-wizard-footer svg{width:15px}
@keyframes wizard-step-in{from{opacity:0;transform:translateX(14px)}to{opacity:1;transform:translateX(0)}}

@media(max-width:760px){
  .recruitment-wizard-header{grid-template-columns:1fr;gap:22px;padding:24px 20px 0}
  .recruitment-wizard-logo{width:130px;margin:0 auto}
  .recruitment-journey-progress{grid-template-columns:minmax(0,1.65fr) minmax(72px,.675fr) minmax(72px,.675fr);gap:8px}
  .journey-stage>span{height:6px}.journey-stage small{font-size:8px}.journey-stage strong{font-size:11px;white-space:nowrap}
  .recruitment-wizard-main{padding:28px 20px}
  .recruitment-question h1{font-size:clamp(39px,12vw,50px)}
  .recruitment-question form>p{margin-top:20px;font-size:14px}
  .wizard-field-row{width:100%}
  .wizard-identity-field>button:has(span){min-width:96px;padding-inline:9px}.wizard-identity-field>button span{font-size:10px}
  .wizard-field-tools{width:100%;flex-direction:column;gap:4px}.wizard-field-tools>button{align-self:flex-start;margin-top:4px}
  .recruitment-question .mt-2{width:100%;justify-content:flex-start;text-align:left}
  .wizard-review dl div{padding-block:11px}
  .recruitment-wizard-footer{padding:0 20px 20px}
}

/* Written assessment flow */
body:has(.written-flow){background:#202124}
.candidate-app-shell:has(.written-flow){width:100vw;max-width:none;background:#202124}
.candidate-app-shell:has(.written-flow) .candidate-header{display:none}
.candidate-app-shell:has(.written-flow) .journey-shell{width:100vw;max-width:none;height:100dvh;min-height:0;margin:0;background:#202124}
.candidate-app-shell:has(.written-flow) .journey-container{width:100%;max-width:none;height:100dvh;min-height:0;margin:0;padding:0}
.written-flow{width:100%;height:100%;min-height:0;overflow:hidden;background:#202124;color:#f7f7f6;font-family:"Narkiss Hadash",Arial,sans-serif}
.written-journey-header{display:grid;min-height:112px;grid-template-columns:170px minmax(0,1fr);gap:54px;align-items:start;padding:30px clamp(28px,4vw,64px) 0}
.written-journey-logo{display:block;width:148px}.written-journey-logo img{display:block;width:100%;height:auto}
.written-journey-track{display:grid;grid-template-columns:minmax(120px,.72fr) minmax(280px,1.85fr) minmax(110px,.58fr);gap:20px;padding-top:4px}
.written-journey-header.is-application-stage .written-journey-track{grid-template-columns:minmax(280px,1.85fr) minmax(110px,.58fr) minmax(110px,.58fr)}
.written-journey-track>div{position:relative;min-width:0}.written-journey-track>div>span,.written-test-progress>span{position:relative;display:block;width:100%;height:10px;overflow:hidden;border-radius:99px;background:#292a2d}
.written-journey-track>div>span i,.written-test-progress>span i{display:block;height:100%;border-radius:inherit;background:#f7ca28}
.written-journey-track .is-complete>span{background:rgba(247,202,40,.24)}.written-journey-track .is-complete>span i{width:100%}.written-journey-track .is-current>span i{width:8%}.written-journey-track .is-rejected>span i{width:100%;background:#df2e35}
.written-journey-track small,.written-journey-track strong,.written-test-progress small,.written-test-progress strong{display:block;text-transform:uppercase}.written-journey-track small,.written-test-progress small{margin-top:8px;color:#a0a1a4;font-size:9px;line-height:1}.written-journey-track strong,.written-test-progress strong{margin-top:2px;color:#fff;font-size:15px;line-height:1}
.written-journey-track .is-upcoming strong{color:#c5c6c8}.written-journey-track>div>svg{position:absolute;top:1px;right:2px;width:8px;height:8px;padding:1px;border-radius:50%;background:#f7ca28;color:#202124}
.written-stage-screen{display:grid;grid-template-rows:auto minmax(0,1fr) auto}
.application-verification-screen{position:relative;display:grid;height:100dvh;min-height:100dvh;place-items:center}
.application-verification-logo{position:absolute;top:clamp(34px,6vh,64px);left:50%;width:clamp(136px,11vw,166px);height:auto;transform:translateX(-50%)}
.application-verification-main{display:grid;width:100%;min-height:0;place-items:center;padding:80px 24px 48px;text-align:center}
.application-verification-main>div{width:min(610px,100%)}
.application-verification-icon{display:grid;width:54px;height:54px;margin:0 auto 24px;place-items:center;border:1px solid #3a3b3e;border-radius:50%;color:#f7ca28;transition:border-color .3s ease,color .3s ease,background .3s ease}.application-verification-icon svg{width:25px;height:25px}.is-checking .application-verification-icon svg{animation:spin 1s linear infinite}
.application-verification-eyebrow{margin:0 0 13px!important;color:#f7ca28!important;font-size:12px!important;font-weight:700;text-transform:uppercase;transition:color .3s ease}
.application-verification-main h1{margin:0;color:#fff;font-size:clamp(42px,4vw,60px);font-weight:700;line-height:.86;letter-spacing:0;text-transform:uppercase;text-wrap:balance;animation:portal-content-in .4s cubic-bezier(.2,.8,.2,1) both}
.application-verification-main>div>p:not(.application-verification-eyebrow){max-width:510px;margin:24px auto 0;color:#b8b9bb;font-size:16px;line-height:1.45}
.application-verification-status{min-height:20px;margin:38px auto 13px;color:#d9dadd;font-size:14px}.application-verification-status span{animation:portal-message-in .3s ease both}
.application-verification-progress{width:min(430px,100%);height:6px;margin:0 auto;overflow:hidden;border-radius:99px;background:#292a2d}.application-verification-progress i{display:block;height:100%;border-radius:inherit;background:#f7ca28;transition:width .65s cubic-bezier(.3,.05,.2,1),background .3s ease}
.application-verification-main small{display:block;margin-top:14px;color:#77787a;font-size:11px}
.application-verification-screen.is-accepted .application-verification-icon{border-color:#35d47a;background:rgba(53,212,122,.08);color:#35d47a}.application-verification-screen.is-accepted .application-verification-eyebrow{color:#35d47a!important}.application-verification-screen.is-accepted .application-verification-progress i{background:#35d47a}
.application-verification-screen.is-rejected .application-verification-icon,.application-verification-screen.is-error .application-verification-icon{border-color:#ef4f56;background:rgba(239,79,86,.08);color:#ef4f56}.application-verification-screen.is-rejected .application-verification-eyebrow,.application-verification-screen.is-error .application-verification-eyebrow{color:#ef6267!important}.application-verification-screen.is-rejected .application-verification-progress i,.application-verification-screen.is-error .application-verification-progress i{background:#ef4f56}
.written-stage-main{display:grid;min-height:0;place-items:center;padding:32px 24px;text-align:center;overflow-y:auto}
.written-stage-main>div:first-child{width:min(700px,100%)}
.written-stage-main h1{margin:0;color:#fff;font-size:clamp(42px,4vw,62px);font-weight:400;line-height:.76;letter-spacing:0;text-transform:uppercase;text-wrap:balance}.written-stage-main h1 span,.written-stage-main h1 strong{display:block}.written-stage-main h1 strong{font-weight:700}
.written-stage-main>div>p,.written-approved>div>p{max-width:620px;margin:25px auto 0;color:#b8b9bb;font-size:16px;line-height:1.42}
.written-primary-button{display:flex;width:min(330px,100%);min-height:52px;align-items:center;justify-content:space-between;gap:20px;margin:32px auto 0;padding:0 17px;border:0;border-radius:6px;background:#f7ca28;color:#17181a;font:700 14px/1 "Narkiss Hadash",Arial,sans-serif;text-align:left;text-transform:uppercase;cursor:pointer;transition:transform .2s ease,background .2s ease}.written-primary-button:hover{transform:translateY(-2px);background:#ffdb50}.written-primary-button:disabled{opacity:.55;cursor:wait}.written-primary-button svg{width:18px;height:18px}
.written-bottom-note{display:grid;width:min(700px,calc(100% - 40px));grid-template-columns:20px 1fr;gap:12px;margin:0 auto 32px;padding:14px 16px;border-left:5px solid #f7ca28;border-radius:6px;background:#27282b;text-align:left}.written-bottom-note>svg{width:17px;height:17px;color:#f7ca28}.written-bottom-note strong{display:block;color:#fff;font-size:12px;text-transform:uppercase}.written-bottom-note p{margin:3px 0 0;color:#c6c7c9;font-size:12px;line-height:1.4}.written-bottom-note.is-danger{border-left-color:#df2e35}.written-bottom-note.is-danger>svg{color:#ef3d44}
.written-briefing{display:flex;flex-direction:column;align-items:center;justify-content:center}.written-briefing-copy{width:min(820px,100%)}.written-briefing-copy>p{max-width:660px!important}.written-score-grid{display:grid;width:min(900px,100%);grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:28px}.written-score-grid article{min-height:105px;padding:16px 18px;border-left:6px solid #f7ca28;border-radius:6px;background:#27282b;text-align:left}.written-score-grid article.is-success{border-left-color:#36d976}.written-score-grid article.is-danger{border-left-color:#df2e35}.written-score-grid strong{display:block;color:#fff;font-size:13px;text-transform:uppercase}.written-score-grid p{margin:7px 0 0;color:#c5c6c8;font-size:12px;line-height:1.35}
.written-rejected-screen .written-journey-track{grid-template-columns:minmax(260px,1.85fr) minmax(110px,.58fr) minmax(110px,.58fr)}.written-rejected-screen .written-journey-track .is-current>span i{display:none}.written-rejected-copy>span{display:block;margin-bottom:18px;color:#ef555c;font-size:12px;font-weight:700;text-transform:uppercase}.written-rejected-copy h1{line-height:.82}.written-rejected-copy>p{max-width:580px;margin:25px auto 0;color:#c3c4c6;font-size:16px;line-height:1.5}.written-rejected-copy>p b{color:#fff}.written-rejected-actions{display:flex!important;width:100%!important;justify-content:center;gap:12px;margin-top:30px}.written-rejected-actions a{display:flex;min-height:50px;align-items:center;justify-content:space-between;gap:24px;padding:0 17px;border:1px solid #f7ca28;border-radius:6px;background:#f7ca28;color:#17181a;font-size:13px;font-weight:700;text-decoration:none;text-transform:uppercase}.written-rejected-actions a.is-secondary{background:transparent;color:#fff}.written-rejected-actions svg{width:16px}.written-rejected-copy>small{display:block;margin-top:20px;color:#999a9d;font-size:12px}
.written-test-screen{display:grid;grid-template-rows:auto minmax(0,1fr) auto}.written-journey-header.is-test{grid-template-columns:150px minmax(0,1fr) 110px;gap:42px}.written-test-progress{padding-top:4px}.written-test-progress>span i{transition:width .35s ease}.written-header-clock{padding-top:2px;text-align:left;text-transform:uppercase}.written-header-clock strong{display:block;color:#fff;font-size:19px;font-variant-numeric:tabular-nums;line-height:1}.written-header-clock small{display:block;margin-top:3px;color:#c6c7c9;font-size:10px;line-height:1}
.written-question-main{display:flex;width:min(900px,calc(100% - 40px));min-height:0;flex-direction:column;align-items:center;justify-content:center;margin:0 auto;padding:30px 0 24px;text-align:center;user-select:none}.written-question-number{color:#b8b9bb;font-size:12px;text-transform:uppercase}.written-question-main h1{max-width:780px;margin:18px 0 0;color:#fff;font-size:clamp(30px,3vw,46px);font-weight:400;line-height:.98;letter-spacing:0;text-transform:uppercase;text-wrap:balance}.written-question-main.is-long-question h1{max-width:860px;font-size:clamp(25px,2.5vw,38px);line-height:1.08}.written-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:min(650px,100%);margin-top:30px}.written-options [data-slot="radio-group-card"]{min-height:58px;border-color:#44464a;border-radius:6px;background:#232427;color:#fff;font-family:"Narkiss Hadash",Arial,sans-serif;font-size:14px}.written-options [data-slot="radio-group-card"]:hover{border-color:#766720;background:#29281f}.written-options [data-slot="radio-group-card"][data-state="checked"]{border-color:#f7ca28;background:#786522;color:#fff}.written-options [data-slot="radio-group-card"]>span:first-child{width:18px;height:18px;border-color:#c7c8ca;background:transparent;color:transparent}.written-options [data-slot="radio-group-card"][data-state="checked"]>span:first-child{border-color:#f7ca28;background:radial-gradient(circle,#f7ca28 0 3px,transparent 4px)}
.written-question-action{display:grid;width:min(650px,100%);grid-template-columns:1fr 180px;align-items:center;margin-top:30px}.written-question-action>span{color:#ef6267;font-size:12px;text-align:left}.written-question-action>button{display:flex;min-height:48px;align-items:center;justify-content:space-between;padding:0 16px;border:0;border-radius:6px;background:#f7ca28;color:#17181a;font:700 13px/1 "Narkiss Hadash",Arial,sans-serif;text-transform:uppercase;cursor:pointer}.written-question-action>button:disabled{background:#48494c;color:#858689;cursor:not-allowed}.written-question-action svg{width:16px}
.written-integrity-banner{display:grid;width:min(690px,calc(100% - 40px));grid-template-columns:18px 1fr;gap:12px;margin:0 auto 30px;padding:13px 15px;border-left:5px solid #df2e35;border-radius:6px;background:#292729;text-align:left}.written-integrity-banner>svg{width:17px;color:#ef3d44}.written-integrity-banner strong{display:block;color:#fff;font-size:12px;text-transform:uppercase}.written-integrity-banner p{margin:3px 0 0;color:#c6c7c9;font-size:12px;line-height:1.35}
.written-warning-backdrop{position:fixed;inset:0;z-index:10000;display:grid;padding:20px;place-items:center;background:rgba(10,10,11,.63);backdrop-filter:blur(10px)}.written-warning-dialog{width:min(430px,100%);padding:28px 28px 18px;border-bottom:10px solid #df2e35;border-radius:6px;background:#292a2d;box-shadow:0 28px 90px rgba(0,0,0,.55);text-align:left}.written-warning-dialog>svg{width:26px;height:26px;margin-bottom:18px;color:#ef3d44}.written-warning-dialog>span{display:block;color:#fff;font-size:13px;font-weight:700;text-transform:uppercase}.written-warning-dialog h2{margin:10px 0 18px;color:#fff;font-size:28px;line-height:1;text-transform:uppercase}.written-warning-dialog p{margin:0 0 14px;color:#d1d2d4;font-size:13px;line-height:1.45}.written-warning-dialog button{display:flex;width:100%;min-height:46px;align-items:center;justify-content:space-between;margin-top:28px;padding:0 14px;border:1px solid #aaa;border-radius:6px;background:#8f9093;color:#fff;font:700 12px/1 "Narkiss Hadash",Arial,sans-serif;text-transform:uppercase;cursor:pointer}.written-warning-dialog button:hover{background:#a2a3a6}.written-warning-dialog button svg{width:15px}

@media(max-width:760px){
  .written-flow{height:100dvh;overflow-y:auto}
  .written-journey-header{min-height:128px;grid-template-columns:1fr;gap:18px;padding:22px 18px 0}.written-journey-logo{width:124px;margin:0 auto}
  .written-journey-track{grid-template-columns:minmax(0,1.7fr) minmax(70px,.8fr) minmax(70px,.8fr);gap:8px}.written-rejected-screen .written-journey-track{grid-template-columns:minmax(0,1.7fr) minmax(70px,.8fr) minmax(70px,.8fr)}
  .written-journey-header.is-application-stage .written-journey-track{grid-template-columns:minmax(0,1.7fr) minmax(70px,.8fr) minmax(70px,.8fr)}
  .written-journey-track>div>span,.written-test-progress>span{height:7px}.written-journey-track small,.written-test-progress small{font-size:8px}.written-journey-track strong,.written-test-progress strong{font-size:11px;white-space:nowrap}.written-journey-track>div>svg{top:0;width:7px;height:7px}
  .written-stage-screen{min-height:100dvh;height:auto}.written-stage-main{min-height:430px;padding:48px 20px 34px}.written-stage-main h1{font-size:clamp(39px,12vw,52px)}.written-stage-main>div>p,.written-approved>div>p{font-size:15px}.written-primary-button{margin-top:28px}
  .application-verification-screen{height:100dvh;min-height:100dvh}.application-verification-logo{top:34px;width:138px}.application-verification-main{padding:80px 20px 48px}.application-verification-main h1{font-size:clamp(38px,11vw,49px)}.application-verification-main>div>p:not(.application-verification-eyebrow){font-size:15px}.application-verification-status{margin-top:34px}
  .written-bottom-note{margin-bottom:20px}.written-bottom-note p{font-size:11px}
  .written-briefing{padding-top:36px}.written-briefing-copy h1{font-size:clamp(34px,10vw,46px);line-height:.82}.written-score-grid{grid-template-columns:1fr;gap:10px;margin-top:24px}.written-score-grid article{min-height:0;padding:13px 14px}.written-briefing .written-primary-button{margin-bottom:10px}
  .written-rejected-actions{flex-direction:column}.written-rejected-actions a{width:100%}.written-rejected-copy>small{line-height:1.4}
  .written-test-screen{min-height:100dvh;height:auto;grid-template-rows:auto minmax(470px,1fr) auto}.written-journey-header.is-test{min-height:104px;grid-template-columns:104px minmax(0,1fr) 76px;gap:12px;align-items:start;padding:22px 16px 0}.written-journey-header.is-test .written-journey-logo{width:100px;margin:0}.written-header-clock strong{font-size:16px}.written-header-clock small{font-size:8px}
  .written-question-main{width:100%;padding:42px 20px 28px}.written-question-main h1,.written-question-main.is-long-question h1{font-size:clamp(28px,8.5vw,38px);line-height:1}.written-options{grid-template-columns:1fr;margin-top:26px}.written-options [data-slot="radio-group-card"]{min-height:58px}.written-question-action{grid-template-columns:1fr;margin-top:24px}.written-question-action>span:empty{display:none}.written-question-action>button{width:100%}.written-integrity-banner{margin-bottom:20px}
}

.application-verification-screen{grid-template-rows:auto minmax(0,1fr);place-items:stretch}
.application-verification-screen .application-verification-main{padding:32px 24px;align-self:stretch}
.application-verification-main h1 span,.application-verification-main h1 strong{display:block}
.application-verification-main h1 span{font-weight:400}
.application-verification-main h1 strong{font-weight:700}
.application-verification-screen .application-verification-progress{height:11px}
.application-verification-main small{min-height:32px}
.written-question-main .written-question-action{display:flex;flex-direction:column;align-items:center;gap:12px}
.written-question-action>span{text-align:center}
.written-question-action>span:empty{display:none}
.written-question-main .written-question-action>button{width:min(220px,100%);gap:24px}
.test-header-transition{position:relative}
.test-header-transition .written-journey-track{margin-right:0;transition:grid-template-columns .8s cubic-bezier(.22,1,.36,1),gap .8s ease,margin-right .8s ease}
.test-header-transition.is-expanded .written-journey-track{grid-template-columns:minmax(0,0fr) minmax(0,3fr) minmax(0,0fr);gap:0;margin-right:120px}
.test-header-transition .written-journey-track>div:first-child{overflow:hidden;transition:opacity .3s ease}
.test-header-transition.is-expanded .written-journey-track>div:first-child,.test-header-transition.is-expanded .written-journey-track>div:last-child{opacity:0}
.test-header-transition .written-header-clock{position:absolute;right:clamp(28px,4vw,64px);top:34px;opacity:0;transform:translateX(12px);transition:opacity .35s .35s ease,transform .5s .25s ease}
.test-header-transition.is-expanded .written-header-clock{opacity:1;transform:translateX(0)}
@media(max-width:760px){.test-header-transition.is-expanded .written-journey-track{margin-right:90px}.test-header-transition .written-header-clock{top:auto;bottom:0;right:18px}}
@media(prefers-reduced-motion:reduce){.test-header-transition .written-journey-track,.test-header-transition .written-header-clock{transition:none}}
.written-journey-track{grid-template-columns:minmax(0,.6fr) minmax(0,1.8fr) minmax(0,.6fr);transition:grid-template-columns .9s cubic-bezier(.22,1,.36,1)}
.written-journey-header.is-application-stage .written-journey-track{grid-template-columns:minmax(0,1.8fr) minmax(0,.6fr) minmax(0,.6fr)}
.written-journey-header.is-academy-stage .written-journey-track{grid-template-columns:minmax(0,.6fr) minmax(0,.6fr) minmax(0,1.8fr)}
.written-journey-track>div>span i{width:0;transition:width .7s cubic-bezier(.22,1,.36,1),background-color .4s ease}
.written-journey-track .is-complete>span i{background:#35d47a}
.written-journey-track .is-complete>svg{background:#35d47a}
.written-journey-track .is-upcoming>span i{width:0}
@media(max-width:760px){
  .written-journey-track{grid-template-columns:minmax(0,.8fr) minmax(0,1.4fr) minmax(0,.8fr)}
  .written-journey-header.is-application-stage .written-journey-track{grid-template-columns:minmax(0,1.4fr) minmax(0,.8fr) minmax(0,.8fr)}
  .written-journey-header.is-academy-stage .written-journey-track{grid-template-columns:minmax(0,.8fr) minmax(0,.8fr) minmax(0,1.4fr)}
}
.written-journey-header.is-refused .written-journey-track{grid-template-columns:minmax(0,3fr) minmax(0,0fr) minmax(0,0fr);gap:0}
.written-journey-header.is-refused .written-journey-track .is-rejected>span i{animation:journey-rejection-color .75s ease both}
.written-journey-track{transition:grid-template-columns .9s cubic-bezier(.22,1,.36,1),gap .9s cubic-bezier(.22,1,.36,1)}
.written-journey-track>div:nth-child(n+2){overflow:hidden;transition:opacity .3s ease}
.written-journey-header.is-refused .written-journey-track>div:nth-child(n+2){opacity:0;pointer-events:none}
.written-rejection-reason{margin:14px 0 20px;color:#ef8c91;font-size:15px;line-height:1.5;text-transform:none;overflow-wrap:anywhere}
.recruitment-wizard-header,.written-journey-header{align-items:center;align-content:start}
.journey-stage small,.written-journey-track small,.written-test-progress small{font-size:12px;line-height:1.2}
.journey-stage>span,.written-journey-track>div>span,.written-test-progress>span{height:20px}
.written-journey-track>div>svg.journey-check{top:2px;right:6px;width:16px;height:16px;padding:0;border-radius:0;background:transparent;color:#fff}
.journey-check.is-arriving{animation:journey-check-arrive .45s cubic-bezier(.22,1,.36,1) both}
.journey-check.is-arriving polyline{stroke-dasharray:24;stroke-dashoffset:0;animation:journey-check-draw .4s ease-out both}
@keyframes journey-check-arrive{from{opacity:0;transform:scale(.65)}to{opacity:1;transform:scale(1)}}
@keyframes journey-check-draw{from{stroke-dashoffset:24}to{stroke-dashoffset:0}}
@keyframes journey-rejection-color{from{background:#f7ca28}to{background:#df2e35}}
@media(max-width:760px){
  .journey-stage small,.written-journey-track small,.written-test-progress small{font-size:10px}
  .journey-stage>span,.written-journey-track>div>span,.written-test-progress>span{height:16px}
  .written-journey-track>div>svg.journey-check{top:1px;right:5px;width:14px;height:14px}
}
@media(prefers-reduced-motion:reduce){.journey-check.is-arriving,.journey-check.is-arriving polyline{animation:none}}
@media(prefers-reduced-motion:reduce){.written-primary-button,.written-test-progress>span i,.written-journey-track,.written-journey-track>div>span i,.written-journey-track>div:nth-child(n+2){transition:none}}

/* Written assessment scale and alignment. */
.written-test-screen{grid-template-rows:132px minmax(0,1fr) auto}
.test-header-transition{min-height:132px;grid-template-columns:190px minmax(0,1fr);gap:42px;align-items:start;padding-top:30px}
.test-header-transition .written-journey-logo{width:160px;align-self:start;margin-top:1px}
.test-header-transition .written-journey-track{align-self:start}
.test-header-transition .written-header-clock{top:31px}
.written-question-main{width:min(1080px,calc(100% - 48px));height:100%;justify-self:center;padding:18px 0 32px}
.written-question-number{font-size:14px}
.written-question-main h1{max-width:980px;font-size:clamp(38px,3.4vw,55px)}
.written-question-main.is-long-question h1{max-width:1020px;font-size:clamp(31px,2.9vw,46px)}
.written-options,.written-question-action{width:min(800px,100%)}
.written-options{gap:14px;margin-top:34px}
.written-option-card{min-height:70px;padding:16px 20px;font-size:16px}
.written-question-action{margin-top:32px}
.written-question-action .primary-action{width:min(240px,100%);min-height:54px;font-size:14px}

@media(max-width:760px){
  .written-test-screen{grid-template-rows:auto minmax(470px,1fr) auto}
  .test-header-transition{min-height:128px;grid-template-columns:1fr;gap:18px;align-items:center;padding-top:22px}
  .test-header-transition .written-journey-logo{width:132px;margin-top:0}
  .test-header-transition .written-header-clock{top:auto}
  .written-question-main{width:100%;height:auto;padding:42px 20px 28px}
  .written-question-number{font-size:11px}
  .written-question-main h1{font-size:clamp(28px,9vw,40px)}
  .written-question-main.is-long-question h1{font-size:clamp(24px,7.8vw,34px)}
  .written-options{width:100%;gap:10px;margin-top:26px}
  .written-option-card{min-height:58px;padding:14px 16px;font-size:14px}
  .written-question-action{width:100%;margin-top:24px}
}

/* Let every Academy screen grow when its content exceeds the viewport. */
body:has(.written-flow){overflow-x:hidden;overflow-y:auto}
.candidate-app-shell:has(.written-flow){height:auto;min-height:100dvh;overflow:visible}
.candidate-app-shell:has(.written-flow) .journey-shell,
.candidate-app-shell:has(.written-flow) .journey-container{height:auto;min-height:100dvh;overflow:visible}
.written-flow{height:auto;min-height:100dvh;overflow:visible}
.written-stage-screen,.written-test-screen{height:auto;min-height:100dvh}

@media(max-width:760px){
  .recruitment-wizard{overflow-x:hidden;overflow-y:auto}
  .written-test-screen{grid-template-rows:auto auto auto}
  .test-header-transition{
    grid-template-columns:minmax(0,1fr) auto;
    grid-template-areas:"academy-logo academy-logo" "assessment-progress assessment-clock";
    column-gap:18px;
    row-gap:24px;
    min-height:0;
    padding:24px 20px 18px;
  }
  .test-header-transition .written-journey-logo{
    grid-area:academy-logo;
    width:132px;
    justify-self:center;
    margin:0;
  }
  .test-header-transition .written-journey-track{
    grid-area:assessment-progress;
    width:100%;
    min-width:0;
    align-self:start;
    padding-top:0;
  }
  .test-header-transition.is-expanded .written-journey-track{margin-right:0}
  .test-header-transition .written-header-clock{
    position:static;
    grid-area:assessment-clock;
    align-self:start;
    min-width:82px;
    padding-top:0;
    text-align:right;
    transform:translateX(8px);
  }
  .test-header-transition.is-expanded .written-header-clock{transform:translateX(0)}
  .written-question-main{min-height:0;padding-top:36px;padding-bottom:40px}
  .written-integrity-banner{margin-top:0;margin-bottom:28px}
}

/* Assessment scoring transition. */
.assessment-result-loader{grid-template-rows:auto minmax(0,1fr)}
.result-header-transition .written-journey-track{grid-template-columns:minmax(0,.62fr) minmax(0,.62fr) minmax(0,1.76fr);transition:grid-template-columns .85s cubic-bezier(.22,1,.36,1),gap .85s cubic-bezier(.22,1,.36,1)}
.result-header-transition.is-result-failed .written-journey-track{grid-template-columns:minmax(0,.62fr) minmax(0,2.38fr) minmax(0,0fr);gap:18px}
.result-header-transition .written-journey-track>div:last-child{transition:opacity .32s ease}
.result-header-transition.is-result-failed .written-journey-track>div:last-child{opacity:0;pointer-events:none}
.result-header-transition .is-result-written>span i{transition:width .68s cubic-bezier(.22,1,.36,1),background-color .48s ease}
.result-header-transition.is-result-failed .is-result-written>span i{animation:assessment-result-reject .5s ease both}
.assessment-result-loader-main{display:grid;min-height:0;place-items:center;padding:34px 24px 64px;text-align:center}
.assessment-result-loader-main>div{width:min(620px,100%)}
.assessment-result-loader-icon{display:grid;width:56px;height:56px;margin:0 auto 22px;place-items:center;border:1px solid #44464a;border-radius:50%;color:#f7ca28;transition:border-color .4s ease,color .4s ease,background .4s ease}
.assessment-result-loader-icon svg{width:25px;height:25px}.assessment-result-loader.is-checking .assessment-result-loader-icon svg{animation:spin 1s linear infinite}
.assessment-result-loader-eyebrow{margin:0 0 14px;color:#f7ca28;font-size:12px;font-weight:700;text-transform:uppercase;transition:color .4s ease}
.assessment-result-loader-main h1{margin:0;color:#fff;font-size:clamp(44px,4.4vw,64px);font-weight:700;line-height:.86;letter-spacing:0;text-transform:uppercase;text-wrap:balance}
.assessment-result-loader-status{min-height:24px;margin:28px 0 0;color:#c3c4c6;font-size:16px;animation:portal-message-in .3s ease both}
.assessment-result-loader-main small{display:block;margin-top:12px;color:#7f8083;font-size:11px}
.assessment-result-loader.is-passed .assessment-result-loader-icon{border-color:#35d47a;background:rgba(53,212,122,.08);color:#35d47a}.assessment-result-loader.is-passed .assessment-result-loader-eyebrow{color:#35d47a}
.assessment-result-loader.is-failed .assessment-result-loader-icon{border-color:#ef4f56;background:rgba(239,79,86,.08);color:#ef4f56}.assessment-result-loader.is-failed .assessment-result-loader-eyebrow{color:#ef6267}
@keyframes assessment-result-reject{from{background:#f7ca28}to{background:#df2e35}}

@media(max-width:760px){
  .result-header-transition{grid-template-columns:1fr;gap:18px;min-height:0;padding:24px 20px 0}
  .result-header-transition .written-journey-logo{width:132px;margin:0 auto}
  .result-header-transition .written-journey-track{grid-template-columns:minmax(0,.8fr) minmax(0,.8fr) minmax(0,1.4fr);gap:8px}
  .result-header-transition.is-result-failed .written-journey-track{grid-template-columns:minmax(0,.75fr) minmax(0,2.25fr) minmax(0,0fr);gap:8px}
  .assessment-result-loader-main{min-height:560px;padding:56px 20px 90px}
  .assessment-result-loader-main h1{font-size:clamp(40px,12vw,52px)}
}

@media(prefers-reduced-motion:reduce){
  .result-header-transition .written-journey-track,.result-header-transition .written-journey-track>div:last-child,.result-header-transition .is-result-written>span i{transition:none}
  .result-header-transition.is-result-failed .is-result-written>span i{animation:none}
}

/* Written assessment confirmation pages. */
.written-result-screen{grid-template-rows:auto minmax(0,1fr) auto}
.written-result-main{display:grid;min-height:0;place-items:center;padding:48px 24px 38px;text-align:center}
.written-result-copy{width:min(760px,100%)}
.written-result-eyebrow{margin:0 0 12px;color:#d8d9da;font-size:14px;text-transform:uppercase}
.written-result-copy h1{margin:0;color:#fff;font-size:clamp(46px,4.8vw,70px);font-weight:400;line-height:.84;letter-spacing:0;text-transform:uppercase;text-wrap:balance}
.written-result-copy h1 span,.written-result-copy h1 strong{display:block}.written-result-copy h1 strong{font-weight:700}
.written-result-description{max-width:680px;margin:26px auto 0;color:#bfc0c2;font-size:16px;line-height:1.5}
.written-result-secondary-description{max-width:760px;margin:16px auto 0;color:#bfc0c2;font-size:15px;line-height:1.5}
.written-result-connection{width:min(620px,100%);margin:28px auto 0;text-align:left}
.written-result-connection .discord-connect{max-width:none;padding:0;border:0;background:transparent}
.written-result-connection .discord-connect-heading{display:none}
.written-result-connection .discord-connect-actions{width:100%;justify-content:center;margin:0}
.written-result-connection .discord-connect-actions>[data-slot="button"]{width:min(340px,100%);min-width:0}
.written-result-connection .discord-connect.is-compact .discord-connect-actions>[data-slot="button"]:first-child{min-height:52px;justify-content:center;gap:12px;border:0;border-radius:7px;background:#8187f8;color:#fff;box-shadow:none;text-align:center;text-transform:uppercase}
.written-result-connection .discord-connect.is-compact .discord-connect-actions>[data-slot="button"]:first-child:hover{background:#9297ff;transform:translateY(-1px)}
.written-result-connection .discord-connect.is-compact .discord-connect-actions>[data-slot="button"]:first-child .discord-brand-icon{width:20px;height:16px;flex:0 0 auto;margin:0}
.written-result-connection .discord-connect.is-compact .discord-connect-actions>[data-slot="button"]:last-child{display:none}
.written-result-connection .discord-connect.is-connected{justify-content:center;border:0;text-align:left}
.written-result-actions{display:flex;justify-content:center;gap:12px;margin-top:30px}
.written-result-actions a{display:inline-flex;min-width:220px;min-height:52px;align-items:center;justify-content:space-between;gap:20px;padding:0 17px;border:1px solid #f7ca28;border-radius:6px;background:#f7ca28;color:#17181a;font-size:13px;font-weight:700;text-decoration:none;text-transform:uppercase}
.written-result-actions a.is-secondary{background:transparent;color:#fff}.written-result-actions svg{width:17px;height:17px}
.written-result-note{grid-template-columns:1fr;margin-bottom:32px}
.journey-outcome-screen.is-danger .written-result-eyebrow{color:#ef777c}
.journey-outcome-screen.is-success .written-result-eyebrow{color:#35d47a}
.journey-outcome-details{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;width:min(680px,100%);margin:30px auto 0;border-block:1px solid #3a3b3e;text-align:left}
.journey-outcome-details>div{min-width:0;padding:17px 18px;border-left:1px solid #3a3b3e}.journey-outcome-details>div:first-child{border-left:0}
.journey-outcome-details dt{color:#97989b;font-size:11px;text-transform:uppercase}.journey-outcome-details dd{margin:5px 0 0;overflow-wrap:anywhere;color:#fff;font-size:16px;font-weight:700}
.journey-outcome-record{display:grid;width:min(680px,100%);grid-template-columns:minmax(0,1fr) auto;gap:4px 24px;margin:18px auto 0;padding:16px 18px;border-left:4px solid #35d47a;background:#27282b;text-align:left}
.journey-outcome-record span{grid-column:1/-1;color:#9d9ea1;font-size:11px;text-transform:uppercase}.journey-outcome-record strong{font-size:17px}.journey-outcome-record small{align-self:center;color:#bfc0c2;font-size:12px}

@media(max-width:760px){
  .written-result-main{min-height:510px;padding:56px 20px 42px}
  .written-result-copy h1{font-size:clamp(40px,12vw,54px)}
  .written-result-description{font-size:15px}
  .written-result-connection{margin-top:26px}
  .written-result-connection .discord-connect-actions,.written-result-actions{flex-direction:column}
  .written-result-connection .discord-connect-actions>*{width:100%}
  .written-result-actions a{width:100%}
  .written-result-note{margin-bottom:20px}
  .journey-outcome-details{grid-template-columns:1fr}
  .journey-outcome-details>div,.journey-outcome-details>div:first-child{padding:13px 4px;border-left:0;border-top:1px solid #343538}
  .journey-outcome-details>div:first-child{border-top:0}
  .journey-outcome-record{grid-template-columns:1fr}.journey-outcome-record small{grid-column:1}
}
