.recruitment-ux,.assessment-shell{--recruitment-accent-strong:var(--color-action-strong);--recruitment-accent:var(--color-action)}.recruitment-ux{min-height:100svh;color:var(--text);background:#080e10;grid-template-rows:66px minmax(0,1fr);display:grid}.recruitment-ux-nav{background:#070c0e;border-bottom:1px solid #2b383b;justify-content:space-between;align-items:center;gap:22px;padding:0 clamp(20px,3.4vw,58px);display:flex}.recruitment-ux-brand{align-items:center;gap:11px;display:flex}.recruitment-ux-brand span{gap:1px;display:grid}.recruitment-ux-brand strong{font:700 19px var(--font-title);letter-spacing:.08em}.recruitment-ux-brand small{color:#a4b1ae;font:500 9px var(--font-mono);letter-spacing:.06em}.recruitment-ux-nav nav{align-items:center;gap:28px;display:flex}.recruitment-ux-nav nav a{color:#b9c8c2;font:600 10px var(--font-mono);text-transform:uppercase;align-items:center;gap:7px;display:flex}.recruitment-ux-nav nav a:hover{color:#82e6aa}.recruitment-ux-layout{grid-template-columns:minmax(260px,34%) minmax(0,1fr);min-height:calc(100svh - 66px);display:grid}.recruitment-ux-visual{background:#081012;border-right:1px solid #2a3739;min-height:680px;position:relative;overflow:hidden}.recruitment-ux-visual img{object-fit:cover;object-position:58% center;filter:contrast(1.04)saturate(.78)}.recruitment-ux-visual:after{content:"";background:linear-gradient(#06101221 24%,#061012ce 70%,#061012f5);position:absolute;inset:0}.recruitment-ux-visual>div{z-index:1;position:absolute;bottom:45px;left:clamp(22px,3vw,54px);right:32px}.recruitment-ux-visual strong{font:700 clamp(40px, 4.2vw, 66px)/.88 var(--font-title);text-transform:uppercase;margin:12px 0 16px;display:block}.recruitment-ux-visual p{color:#d4dfd8;max-width:290px;font-size:14px;line-height:1.5}.recruitment-ux-workspace{flex-direction:column;justify-content:center;align-items:stretch;gap:23px;width:100%;min-width:0;max-width:1070px;margin:0 auto;padding:clamp(28px,4vw,62px) clamp(22px,4vw,62px) 26px;display:flex}.recruitment-ux-heading h1{font:700 clamp(30px, 3.3vw, 47px)/1 var(--font-title);letter-spacing:.02em;text-transform:uppercase;margin:7px 0 3px}.recruitment-ux-heading p{color:#adbbb6;margin:0;font-size:13px;line-height:1.5}.recruitment-ux .recruitment-progress-rail{background:0 0;border-color:#2a383b}.recruitment-ux .recruitment-progress-rail ol{min-width:560px}.recruitment-ux .recruitment-progress-rail li{gap:7px;min-height:60px;padding:8px}.recruitment-ux .recruitment-progress-rail strong{font-size:12px}.recruitment-ux .recruitment-progress-rail small{font-size:8px}.recruitment-ux-panel{background:#10191c;border:1px solid #344044}.recruitment-ux-panel-head{border-bottom:1px solid #303c3e;justify-content:space-between;gap:20px;padding:25px clamp(18px,3vw,36px) 20px;display:flex}.recruitment-ux-panel-head h2{font:700 29px var(--font-title);text-transform:uppercase;margin:7px 0 3px}.recruitment-ux-panel-head p{color:#b6c2bd;margin:0;font-size:12px}.recruitment-ux-campaign{text-align:right;align-content:center;justify-items:end;gap:4px;display:grid}.recruitment-ux-campaign>span{color:#a0b2aa;font:500 9px var(--font-mono)}.recruitment-ux-campaign strong{color:#9fe0b5;font:700 12px var(--font-mono)}.recruitment-ux-campaign small{color:#adbbb5;font-size:11px}.recruitment-ux-form{grid-template-columns:1fr 1fr;gap:20px 26px;padding:26px clamp(18px,3vw,36px);display:grid}.recruitment-ux-form>label{color:#e1eae4;font:600 12px var(--font-body);align-content:start;gap:9px;display:grid}.recruitment-ux-form>label input:not([type=checkbox]){color:#f4f8f5;width:100%;min-height:46px;font:400 14px var(--font-body);background:#080f11;border:1px solid #3c4a4d;border-radius:2px;padding:9px 13px}.recruitment-ux-form input::placeholder{color:#8d9995}.recruitment-ux-form input:focus-visible{outline-offset:2px;outline:2px solid #80dfac}.recruitment-ux-form>.recruitment-ux-consent{color:#b7c3be;font:400 12px/1.5 var(--font-body);border-top:1px solid #303c3e;grid-column:1/-1;align-items:flex-start;gap:11px;padding-top:14px;display:flex}.recruitment-ux-consent input{accent-color:#27a35e;flex:none;width:17px;height:17px;margin:0}.recruitment-ux-discord-requirement{color:#b7c3be;font:400 12px/1.55 var(--font-body);grid-column:1/-1;margin:0}.recruitment-ux-discord-requirement a{color:#8be5ae;text-underline-offset:3px;text-decoration:underline}.recruitment-ux-form-actions{grid-column:1/-1;justify-content:space-between;align-items:center;gap:18px;display:flex}.recruitment-ux-form-actions span{color:#abc4b1;align-items:center;gap:8px;font-size:11px;display:flex}.recruitment-ux-form-actions button{cursor:pointer}.recruitment-ux-panel>.candidate-blocked,.recruitment-ux-panel>.candidate-login,.recruitment-ux-panel>.candidate-notice{margin:25px clamp(18px,3vw,36px)}.recruitment-ux-panel .candidate-login{flex-wrap:wrap;align-items:center;gap:17px;display:flex}.recruitment-ux-panel .candidate-login>svg{color:#82dcab}.recruitment-ux-panel .candidate-login>div{flex:1;min-width:175px}.recruitment-ux-panel .candidate-login h3{font:700 24px var(--font-title);margin:0}.recruitment-ux-panel .candidate-login p{margin:3px 0 0}.recruitment-ux-footer{color:#a8b7b0;font:500 10px var(--font-mono);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.recruitment-ux-footer a{color:#b7dfc2;align-items:center;gap:5px;display:inline-flex}.assessment-shell{background:#080e10}.assessment-header{background:#070c0e;border-color:#2b383b}.assessment-stage{width:min(1280px,100%);min-height:calc(100svh - 66px);margin:0 auto;padding:clamp(24px,3vw,46px) 22px 65px;display:block}.assessment-stage>.recruitment-progress-rail{width:100%;margin-bottom:22px}.assessment-stage>.candidate-card{width:100%}.assessment-stage .candidate-card{box-shadow:none;background:#10191c;border-color:#344044}.assessment-stage .question-command-strip{background:#0a1214;grid-template-columns:1fr 1fr 1fr}.assessment-stage .question-command-strip>div{min-height:78px;padding-inline:23px}.assessment-stage .question-command-strip strong{font:700 25px var(--font-title)}.assessment-stage .timer-readout strong{font-size:28px}.assessment-stage .candidate-progress{height:6px}.assessment-stage .question-body{padding:clamp(24px,3vw,42px)}.assessment-stage .question-body h2{max-width:860px;font:600 clamp(24px, 2.7vw, 36px)/1.25 var(--font-body);letter-spacing:-.01em}.assessment-stage .question-layout{grid-template-columns:minmax(0,1fr) minmax(240px,28%);display:grid}.assessment-stage .question-information{background:#0d1517;border-left:1px solid #344044;flex-direction:column;gap:13px;padding:35px 25px;display:flex}.assessment-stage .question-information h3{font:700 28px var(--font-title);text-transform:uppercase;border-bottom:1px solid #344044;margin:0 0 5px;padding-bottom:15px}.assessment-stage .question-information p{color:#b7c6bf;margin:0;font-size:13px;line-height:1.65}.assessment-stage .question-information>div{color:#9fb7a7;border-top:1px solid #344044;align-items:flex-start;gap:11px;margin-top:auto;padding-top:20px;font-size:11px;line-height:1.5;display:flex}.assessment-stage .question-information svg{color:#82dca5;flex:none}.assessment-stage .candidate-options{background:0 0;border:0;grid-template-columns:1fr;gap:9px;display:grid}.assessment-stage .candidate-choice-field .candidate-options label{color:#d0dcd6;background:#091113;border:1px solid #344447;min-height:66px;padding:12px 16px}.assessment-stage .candidate-choice-field .candidate-options label:hover{background:#14221b;border-color:#5c9f76}.assessment-stage .candidate-choice-field .candidate-options label.selected{box-shadow:none;color:#f1fff2;background:#162c1e;border-color:#53c17d}.assessment-stage .candidate-option-index{width:35px;height:35px;font:700 19px var(--font-title)}.assessment-stage .candidate-answer textarea{resize:none}.assessment-stage .question-actions{flex-wrap:wrap}.assessment-stage .question-actions>span{min-width:100%}.requirements-stage,.review-stage,.submission-stage{padding-top:26px}.requirements-layout{padding-top:44px}.recruitment-ux :is(button,a):focus-visible,.assessment-shell :is(button,a):focus-visible{outline-offset:3px;outline:2px solid #8aecb7}@media (max-width:1100px){.recruitment-ux-layout{grid-template-columns:minmax(210px,28%) minmax(0,1fr)}.recruitment-ux-workspace{padding-inline:27px}.recruitment-ux .recruitment-progress-rail ol{min-width:600px}}@media (max-width:850px){.recruitment-ux-layout{grid-template-columns:1fr}.recruitment-ux-visual{border-bottom:1px solid #2a3739;border-right:0;min-height:190px}.recruitment-ux-visual img{object-position:center 37%}.recruitment-ux-visual:after{background:linear-gradient(90deg,#061012f2,#0610121c)}.recruitment-ux-visual>div{bottom:14px}.recruitment-ux-visual strong{font-size:33px}.recruitment-ux-visual p{display:none}.recruitment-ux-workspace{padding:30px 22px 40px}.assessment-stage .question-layout{grid-template-columns:1fr}.assessment-stage .question-information{border-top:1px solid #344044;border-left:0}.assessment-stage .question-information>div{margin-top:0}}@media (max-width:620px){.recruitment-ux-nav{gap:10px;min-height:66px;padding-inline:15px}.recruitment-ux-brand small{display:none}.recruitment-ux-nav nav{gap:10px}.recruitment-ux-nav nav a{font-size:0}.recruitment-ux-nav nav svg{width:19px;height:19px}.recruitment-ux-workspace{gap:17px;padding-inline:17px}.recruitment-ux-heading h1{font-size:31px}.recruitment-ux-panel-head{flex-direction:column;gap:14px}.recruitment-ux-campaign{text-align:left;justify-items:start}.recruitment-ux-form{grid-template-columns:1fr;gap:15px}.recruitment-ux-form>.recruitment-ux-consent,.recruitment-ux-discord-requirement,.recruitment-ux-form-actions{grid-column:1}.recruitment-ux-form-actions{flex-direction:column;align-items:stretch}.recruitment-ux-form-actions button{width:100%}.recruitment-ux-footer{font-size:9px}.assessment-stage{padding-inline:17px}.assessment-stage .question-command-strip>div{min-height:64px;padding-inline:10px}.assessment-stage .question-command-strip strong{font-size:16px}.assessment-stage .timer-readout strong{font-size:19px}.assessment-stage .question-body{padding:20px 15px}.assessment-stage .candidate-choice-field .candidate-options label{min-height:56px}}@media (prefers-reduced-motion:reduce){.recruitment-ux *,.assessment-shell *{transition-duration:.01ms!important}}
