.recruitment-page{padding:34px 0 76px;--recruit-accent:var(--green);--recruit-soft:color-mix(in srgb,var(--green) 12%,transparent)}
.recruitment-page .wrap{display:grid;gap:18px}
.recruitment-page .page-intro{position:relative;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(270px,.65fr);align-items:stretch;min-height:300px;margin:0;padding:clamp(30px,5vw,58px);overflow:hidden;border:1px solid #303a3f;border-radius:14px;background:radial-gradient(circle at 78% 5%,color-mix(in srgb,var(--green) 18%,transparent),transparent 35%),linear-gradient(135deg,#151b1f 0%,#0c1013 72%)}
.recruitment-page .page-intro:before{position:absolute;inset:0;background-image:linear-gradient(#fff 1px,transparent 1px),linear-gradient(90deg,#fff 1px,transparent 1px);background-size:46px 46px;content:"";opacity:.018;mask-image:linear-gradient(90deg,transparent,#000)}
.recruitment-page .page-intro>div{position:relative;z-index:1;align-self:center}
.recruitment-page .page-intro .eyebrow{display:inline-flex!important;align-items:center;gap:8px;margin-bottom:16px;color:var(--green);font:800 10px var(--mono);letter-spacing:.18em}
.recruitment-page .page-intro .eyebrow:before{width:22px;height:1px;background:currentColor;content:""}
.recruitment-page .page-intro h1{max-width:760px;margin:0;font-size:clamp(47px,7vw,92px);line-height:.9;letter-spacing:-.055em}
.recruitment-page .page-intro p{max-width:650px;margin:22px 0 0;color:#a4adb1;font-size:clamp(14px,1.5vw,17px);line-height:1.7}
.recruitment-hero-card{position:relative;z-index:1;display:grid;align-content:space-between;min-height:190px;padding:23px;border:1px solid color-mix(in srgb,var(--green) 30%,#30393e);border-radius:11px;background:#0a0f12b8;backdrop-filter:blur(8px)}
.recruitment-hero-card>svg{width:34px;height:34px;color:var(--green)}
.recruitment-hero-card small{display:block;color:#788489;font:800 9px var(--mono);letter-spacing:.14em}
.recruitment-hero-card strong{display:block;margin-top:7px;color:#f1f4f5;font-size:20px}
.recruitment-hero-meta{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:21px}
.recruitment-hero-meta span{display:grid;gap:4px;padding:11px;border:1px solid #293237;border-radius:7px;background:#11171a}
.recruitment-hero-meta b{color:var(--green);font:800 19px var(--mono)}
.recruitment-hero-meta em{color:#7f8a8e;font:normal 9px var(--mono)}
.recruitment-process{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));overflow:hidden;border:1px solid var(--line);border-radius:11px;background:#0d1215}
.recruitment-process article{position:relative;display:grid;grid-template-columns:38px 1fr;gap:12px;min-height:100px;padding:19px;border-right:1px solid var(--line)}
.recruitment-process article:last-child{border-right:0}
.recruitment-process article:not(:last-child):after{position:absolute;z-index:1;right:-6px;top:44px;width:10px;height:10px;border-top:1px solid #3a454a;border-right:1px solid #3a454a;background:#0d1215;content:"";transform:rotate(45deg)}
.recruitment-process svg{width:22px;height:22px;color:var(--green)}
.recruitment-process .process-icon{display:grid;place-items:center;width:38px;height:38px;border:1px solid #344047;border-radius:8px;background:#141a1e}
.recruitment-process small{color:#69757a;font:800 8px var(--mono);letter-spacing:.12em}
.recruitment-process b{display:block;margin:4px 0;color:#e8edef;font-size:13px}
.recruitment-process p{margin:0;color:#7f898e;font-size:10px;line-height:1.45}
.recruitment-page .login-required-banner{padding:18px 20px;border:1px solid #3e3828;border-radius:10px;background:linear-gradient(90deg,#18150f,#111518)}
.recruitment-page .login-required-banner b{color:#f0f2f3}.recruitment-page .login-required-banner p{margin:5px 0 0;color:#90999d}
.recruitment-list{gap:14px!important}
.recruitment-page .recruitment-card{position:relative;padding:0!important;overflow:hidden;border-radius:12px;background:linear-gradient(145deg,#141a1d,#0d1114)}
.recruitment-page .recruitment-card:before{position:absolute;inset:0 auto 0 0;width:2px;background:linear-gradient(var(--green),transparent 75%);content:""}
.recruitment-page .recruitment-card>header{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:25px 27px;border-bottom:1px solid var(--line);background:#ffffff02}
.recruitment-title-wrap{display:flex;align-items:center;gap:15px}
.recruitment-card-icon{display:grid;place-items:center;flex:0 0 auto;width:48px;height:48px;border:1px solid color-mix(in srgb,var(--green) 35%,#303a3f);border-radius:10px;background:var(--recruit-soft);color:var(--green)}
.recruitment-card-icon svg{width:24px;height:24px}
.recruitment-page .recruitment-card h2{margin:5px 0 0;font-size:clamp(22px,3vw,30px);letter-spacing:-.025em}
.recruitment-page .recruitment-card .label{color:#838f93;font:800 9px var(--mono);letter-spacing:.12em}
.recruitment-page .recruitment-card .badge{display:inline-flex;align-items:center;gap:8px;padding:7px 10px;border:1px solid color-mix(in srgb,var(--green) 38%,#293238);border-radius:99px;background:var(--recruit-soft);color:var(--green);font:800 8px var(--mono);letter-spacing:.1em}
.recruitment-page .recruitment-card .badge:before{width:6px;height:6px;border-radius:50%;background:currentColor;box-shadow:0 0 9px currentColor;content:""}
.recruitment-page .recruitment-description{padding:25px 27px;margin:0!important;color:#abb4b8;line-height:1.7}
.recruitment-page .recruitment-description>:first-child,.recruitment-page .requirements-box>:first-child{margin-top:0}.recruitment-page .recruitment-description>:last-child,.recruitment-page .requirements-box>:last-child{margin-bottom:0}
.recruitment-page .requirements-box{position:relative;margin:25px 27px 25px 0!important;padding:20px!important;border:1px solid #343d41!important;border-left:1px solid #343d41!important;border-radius:9px!important;background:#0b1013!important}
.recruitment-page .requirements-box h3{display:flex;align-items:center;gap:9px;margin:0 0 13px;color:#eef1f2;font-size:14px}.recruitment-page .requirements-box h3:before{width:8px;height:8px;border:2px solid var(--green);border-radius:50%;content:""}
.recruitment-page .requirements-box p,.recruitment-page .requirements-box li{color:#929da1;line-height:1.6}
.recruitment-page .recruitment-deadline{display:flex;align-items:center;gap:9px;margin:0;padding:13px 27px;border-top:1px solid var(--line);color:#858f93;font-size:11px}.recruitment-page .recruitment-deadline svg{width:17px;height:17px;color:var(--amber)}.recruitment-page .recruitment-deadline time{color:#d7dcde;font-family:var(--mono)}
.recruitment-page .recruitment-action{display:flex;align-items:center;gap:14px;margin:0;padding:18px 27px!important;background:#0b0f12;border-top:1px solid var(--line)}
.recruitment-page .recruitment-action .button{min-width:150px}.recruitment-page .recruitment-action small{color:#747f83}
.recruitment-page .application-gate{margin:0;padding:21px 27px;border:0;border-top:1px solid var(--line);border-radius:0;background:#0b1013}.recruitment-page .application-gate>span{display:grid;place-items:center;flex:0 0 42px;height:42px;border:1px solid #3b464b;border-radius:9px;background:#151b1e;color:var(--green);font:800 13px var(--mono)}
.recruitment-page .application-gate b{font-size:14px}.recruitment-page .application-gate p{margin:5px 0 0;color:#879296}.recruitment-page .application-gate.blocked>span{color:#ef6871}
.recruitment-page .application-ready{margin:0;padding:17px 27px;border-top:1px solid var(--line);background:color-mix(in srgb,var(--green) 5%,#0b1013)}.recruitment-page .application-ready>div{display:flex;align-items:center;gap:9px}.recruitment-page .application-ready span{padding:6px 9px;border:1px solid color-mix(in srgb,var(--green) 30%,#2b353a);border-radius:5px;color:var(--green);font:800 9px var(--mono)}.recruitment-page .application-ready b{margin-left:auto;color:#dfe5e7}
.recruitment-page .application-public-form{display:grid!important;gap:11px!important;margin:0;padding:27px!important;border-top:1px solid var(--line);background:#0b0f12}
.application-form-head{display:grid;grid-template-columns:1fr auto;gap:9px;margin-bottom:9px;padding-bottom:20px;border-bottom:1px solid var(--line)}.application-form-head small{color:var(--green);font:800 9px var(--mono);letter-spacing:.12em}.application-form-head h3{margin:5px 0 0;font-size:20px}.application-form-head output{align-self:center;color:#9ba5a9;font:800 11px var(--mono)}.application-progress{grid-column:1/-1;height:4px;margin-top:8px;overflow:hidden;border-radius:10px;background:#242c30}.application-progress i{display:block;width:0;height:100%;border-radius:inherit;background:var(--green);box-shadow:0 0 9px var(--green);transition:width .2s ease}
.recruitment-page .application-question{margin:0!important;padding:19px!important;border:1px solid #293237!important;border-radius:9px!important;background:#111619!important}.recruitment-page .application-question:focus-within{border-color:color-mix(in srgb,var(--green) 55%,#293237)!important;box-shadow:0 0 0 3px var(--recruit-soft)}
.recruitment-page .application-question legend{display:flex;align-items:center;gap:10px;padding:0 7px;color:#e8edef;font-weight:800}.recruitment-page .application-question legend span{color:var(--green);font:800 9px var(--mono)}
.recruitment-page .application-question textarea{min-height:130px;resize:vertical}.recruitment-page .application-question input,.recruitment-page .application-question select,.recruitment-page .application-question textarea{margin-top:7px}
.recruitment-page .question-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:10px}.recruitment-page .question-options label{display:flex;align-items:center;gap:9px;padding:12px;border:1px solid #30393e;border-radius:7px;background:#0d1215;color:#aeb7ba;cursor:pointer}.recruitment-page .question-options label:hover,.recruitment-page .question-options label:has(input:checked){border-color:color-mix(in srgb,var(--green) 55%,#30393e);background:var(--recruit-soft);color:#eff2f3}.recruitment-page .question-options input{margin:0}
.recruitment-page .application-public-form>.button{min-height:48px;margin-top:7px;font-size:11px;letter-spacing:.07em}
.recruitment-page .empty{padding:46px;text-align:center;color:#929da1}
@media(max-width:920px){.recruitment-page .page-intro{grid-template-columns:1fr}.recruitment-hero-card{min-height:0;margin-top:25px}.recruitment-process{grid-template-columns:1fr 1fr}.recruitment-process article:nth-child(2){border-right:0}.recruitment-process article:nth-child(-n+2){border-bottom:1px solid var(--line)}.recruitment-process article:after{display:none}}
@media(max-width:820px){.recruitment-page .requirements-box{margin:0 20px 20px!important}.recruitment-page .recruitment-description{padding:22px 20px}.recruitment-page .recruitment-card>header,.recruitment-page .application-public-form{padding:21px!important}.recruitment-page .application-gate{align-items:flex-start;padding:20px}.recruitment-page .question-options{grid-template-columns:1fr}}
@media(max-width:600px){.recruitment-page{padding-top:18px}.recruitment-page .page-intro{min-height:0;padding:26px 21px}.recruitment-page .page-intro h1{font-size:48px}.recruitment-process{grid-template-columns:1fr}.recruitment-process article{border-right:0;border-bottom:1px solid var(--line)!important}.recruitment-process article:last-child{border-bottom:0!important}.recruitment-page .recruitment-card>header{align-items:flex-start}.recruitment-title-wrap{align-items:flex-start}.recruitment-card-icon{width:41px;height:41px}.recruitment-page .recruitment-card .badge{padding:6px;font-size:0}.recruitment-page .recruitment-card .badge:after{font-size:8px;content:"STATUS"}.recruitment-page .recruitment-action,.recruitment-page .login-required-banner,.recruitment-page .application-gate{align-items:stretch;flex-direction:column}.recruitment-page .recruitment-action .button,.recruitment-page .login-required-banner .button,.recruitment-page .application-gate .button{width:100%}.recruitment-page .application-ready>div{align-items:flex-start;flex-wrap:wrap}.recruitment-page .application-ready b{width:100%;margin:4px 0 0}.application-form-head{grid-template-columns:1fr}.application-form-head output{grid-row:1;justify-self:end}.application-form-head>div{grid-row:1}.application-progress{grid-row:2}}

/* Prosty wariant rekrutacji */
.recruitment-page{padding:38px 0 72px}
.recruitment-page .wrap{gap:18px}
.recruitment-page .page-intro{display:block;min-height:0;margin:0 0 8px;padding:0 0 28px;border:0;border-bottom:1px solid var(--line);border-radius:0;background:none;overflow:visible}
.recruitment-page .page-intro:before{display:none}
.recruitment-page .page-intro>div{display:block}
.recruitment-page .page-intro .eyebrow{display:block!important;margin-bottom:10px;color:var(--green);font:800 9px var(--mono);letter-spacing:.16em}
.recruitment-page .page-intro .eyebrow:before{display:none}
.recruitment-page .page-intro h1{font-size:clamp(46px,7vw,76px);line-height:1}
.recruitment-page .page-intro p{max-width:690px;margin-top:15px;color:#929ca0;font-size:15px;line-height:1.65}
.recruitment-hero-card,.recruitment-process{display:none!important}
.recruitment-page .login-required-banner{border-color:#343c40;background:#12171a}
.recruitment-page .recruitment-card{border-radius:9px;background:#12171a}
.recruitment-page .recruitment-card:before{display:none}
.recruitment-page .recruitment-card>header{padding:23px 25px;background:none}
.recruitment-page .recruitment-card .badge{border-color:#34413b;border-radius:5px;background:#142019;box-shadow:none}
.recruitment-page .recruitment-card .badge:before{width:5px;height:5px;box-shadow:none}
.recruitment-page .recruitment-description{min-width:0;padding:23px 25px;color:#a6b0b4;overflow-wrap:anywhere}
.recruitment-page .requirements-box{min-width:0;margin:23px 25px 23px 0!important;padding:18px!important;border:1px solid #313a3e!important;border-radius:7px!important;background:#0e1316!important;overflow:hidden}
.recruitment-page .requirements-box h3{margin:0 0 12px;font-size:14px}
.recruitment-page .requirements-box h3:before{display:none}
.recruitment-page .requirements-box p,.recruitment-page .requirements-box li{max-width:100%;color:#929ca0;line-height:1.6;overflow-wrap:anywhere;word-break:break-word}
.recruitment-page .requirements-box ul,.recruitment-page .requirements-box ol{max-width:100%;margin:0;padding-left:20px}
.recruitment-page .requirements-box a{color:#8fcfb1;text-decoration:underline;text-decoration-color:#8fcfb166;text-underline-offset:3px;overflow-wrap:anywhere;word-break:break-all}
.recruitment-page .requirements-box a:hover{color:#b6e4ca}
.recruitment-page .recruitment-deadline{padding:12px 25px}
.recruitment-page .recruitment-action{padding:17px 25px!important;background:#0e1316}
.recruitment-page .application-gate,.recruitment-page .application-ready{background:#0e1316}
.recruitment-page .application-public-form{padding:25px!important;background:#0c1114}
.recruitment-page .application-question{border-radius:7px!important;box-shadow:none!important}
.recruitment-page .application-question:focus-within{border-color:#53615a!important;box-shadow:none!important}
.application-progress{height:3px;box-shadow:none}
.application-progress i{box-shadow:none}
@media(max-width:820px){.recruitment-page .requirements-box{margin:0 20px 20px!important}}
@media(max-width:600px){.recruitment-page{padding-top:22px}.recruitment-page .page-intro{padding:0 0 22px}.recruitment-page .page-intro h1{font-size:46px}.recruitment-page .recruitment-card .badge{padding:6px 8px;font-size:8px}.recruitment-page .recruitment-card .badge:after{content:none}.recruitment-page .recruitment-card>header,.recruitment-page .recruitment-description,.recruitment-page .application-public-form{padding:20px!important}}