.recruitment-page { color: var(--ink); background: #fff; }
.recruitment-nav { position: sticky; top: 0; z-index: 20; border-bottom: 1px solid var(--line); background: rgba(255,255,255,.94); backdrop-filter: blur(14px); }
.recruitment-nav-inner { display: flex; align-items: center; justify-content: space-between; min-height: 64px; }
.back-to-site { display: inline-flex; align-items: center; gap: 7px; color: var(--ink-soft); font-size: .78rem; font-weight: 700; }
.back-to-site:hover { color: var(--primary); }
.recruitment-hero { overflow: hidden; color: #fff; background: radial-gradient(700px 460px at 85% 15%, rgba(0,194,168,.2), transparent 65%), linear-gradient(125deg, #101a35, #121b39 60%, #162454); }
.recruitment-hero-grid { display: grid; grid-template-columns: 1.25fr .75fr; align-items: center; gap: 70px; min-height: 610px; padding-top: 70px; padding-bottom: 70px; }
.recruitment-eyebrow { display: inline-flex; align-items: center; gap: 8px; padding: 7px 11px; color: #bff8ef; border: 1px solid rgba(191,248,239,.25); border-radius: 999px; background: rgba(0,194,168,.08); font-size: .68rem; font-weight: 800; letter-spacing: .07em; text-transform: uppercase; }
.recruitment-hero h1 { max-width: 780px; margin: 20px 0 18px; font-size: clamp(2.7rem, 5vw, 5rem); line-height: 1.02; letter-spacing: -.055em; }.recruitment-hero h1 span { color: var(--accent); }
.recruitment-hero-copy>p { max-width: 690px; color: #c6cde1; font-size: 1.03rem; line-height: 1.75; }
.recruitment-actions { display: flex; flex-wrap: wrap; gap: 11px; margin-top: 28px; }
.recruitment-button { display: inline-flex; align-items: center; justify-content: center; gap: 9px; padding: 13px 18px; border-radius: 11px; font-size: .8rem; font-weight: 800; }.recruitment-button.primary { color: #fff; background: var(--primary); }.recruitment-button.secondary { color: #fff; border: 1px solid rgba(255,255,255,.25); }
.offer-summary { padding: 32px; color: var(--ink); border-radius: 24px; background: #fff; box-shadow: 0 30px 80px -40px rgba(0,194,168,.55); }
.offer-label { color: var(--primary); font-size: .65rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }.offer-price { display: flex; align-items: baseline; gap: 9px; margin-top: 12px; }.offer-price strong { font-family: Manrope, sans-serif; font-size: 2.6rem; }.offer-price span { color: var(--ink-soft); font-weight: 700; }.offer-summary>small { color: var(--muted); }
.offer-facts { display: grid; gap: 14px; margin-top: 26px; padding-top: 22px; border-top: 1px solid var(--line); }.offer-facts>div { display: grid; grid-template-columns: 38px 1fr; align-items: center; gap: 11px; }.offer-facts i { display: grid; place-items: center; width: 38px; height: 38px; color: var(--primary); border-radius: 11px; background: #eef1ff; }.offer-facts span { display: flex; flex-direction: column; }.offer-facts strong { font-size: .78rem; }.offer-facts small { color: var(--muted); font-size: .65rem; }
.recruitment-section { padding: 90px 0; }.recruitment-soft { background: var(--bg); }.recruitment-heading { max-width: 760px; margin-bottom: 35px; }.recruitment-heading>span, .contact-recruitment-copy>span { color: var(--primary); font-size: .67rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }.recruitment-heading h2, .contact-recruitment-copy h2 { margin: 11px 0 13px; font-size: clamp(2rem, 3.5vw, 3.1rem); letter-spacing: -.04em; }.recruitment-heading p { color: var(--ink-soft); line-height: 1.75; }.recruitment-heading.centered { margin-right: auto; margin-left: auto; text-align: center; }
.candidate-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }.steps-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 38px; }.candidate-card, .step-card { padding: 28px; border: 1px solid var(--line); border-radius: 18px; background: #fff; box-shadow: var(--shadow); }.candidate-card>i { display: grid; place-items: center; width: 46px; height: 46px; margin-bottom: 22px; color: #fff; border-radius: 13px; background: linear-gradient(135deg, var(--primary), var(--accent)); font-size: 1.2rem; }.candidate-card h3, .step-card h3 { margin: 0 0 9px; font-size: 1.05rem; }.candidate-card p, .step-card p { margin: 0; color: var(--ink-soft); font-size: .82rem; line-height: 1.65; }
.benefits-layout { display: grid; grid-template-columns: .85fr 1.15fr; align-items: start; gap: 80px; }.benefits-list { display: grid; grid-template-columns: 1fr 1fr; gap: 13px; }.benefits-list>div { display: grid; grid-template-columns: 44px 1fr; gap: 12px; padding: 19px; border: 1px solid var(--line); border-radius: 15px; background: #fff; }.benefits-list i { display: grid; place-items: center; width: 44px; height: 44px; color: var(--primary); border-radius: 12px; background: #eef1ff; }.benefits-list span { display: flex; flex-direction: column; }.benefits-list strong { font-size: .78rem; }.benefits-list small { margin-top: 5px; color: var(--muted); font-size: .67rem; line-height: 1.5; }
.step-card { position: relative; padding-top: 62px; }.step-card b { position: absolute; top: 22px; color: #c9d0e3; font-family: Manrope, sans-serif; font-size: 1.3rem; }.step-card:not(:last-child)::after { content: '→'; position: absolute; top: 50%; right: -29px; z-index: 2; display: grid; place-items: center; width: 20px; height: 20px; color: var(--primary); background: #fff; font-size: 1.1rem; font-weight: 800; transform: translateY(-50%); }
.recruitment-contact { padding: 0 0 95px; }.contact-recruitment-card { display: grid; grid-template-columns: 1fr 390px; gap: 70px; padding: 55px; color: #fff; border-radius: 26px; background: linear-gradient(125deg, #18244a, #263d91); box-shadow: var(--shadow-pop); }.contact-recruitment-copy>span { color: #bff8ef; }.contact-recruitment-copy p { max-width: 650px; color: #c8d0e7; line-height: 1.7; }.contact-recruitment-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 24px; }.contact-recruitment-actions a { display: inline-flex; align-items: center; gap: 8px; padding: 11px 14px; color: #fff; border: 1px solid rgba(255,255,255,.22); border-radius: 10px; font-size: .75rem; font-weight: 700; }
.recruiter-profile { padding: 28px; color: var(--ink); border-radius: 19px; background: #fff; }.recruiter-photo { overflow: hidden; width: 150px; min-height: 190px; align-self: stretch; border: 3px solid #eef1ff; border-radius: 18px; background: #eef1ff; }.recruiter-photo img { width: 100%; height: 100%; object-fit: cover; object-position: 54% 30%; }.recruiter-content { display: flex; min-width: 0; flex-direction: column; justify-content: center; }.recruiter-content>span { color: var(--primary); font-size: .6rem; font-weight: 800; letter-spacing: .05em; text-transform: uppercase; }.recruiter-profile h3 { margin: 8px 0 9px; font-size: 1.35rem; }.recruiter-profile p { margin: 0; color: var(--ink-soft); font-size: .78rem; line-height: 1.6; }.recruiter-profile a { display: inline-flex; align-items: center; gap: 7px; color: var(--primary); font-size: .72rem; font-weight: 800; }
.contact-card-wrap { display: flex; justify-content: center; }.contact-only-card { display: grid; grid-template-columns: 150px minmax(0, 1fr); gap: 28px; width: min(100%, 650px); border: 1px solid var(--line); box-shadow: var(--shadow); }.contact-card-links { display: flex; flex-wrap: wrap; gap: 9px 18px; margin-top: 18px; padding-top: 16px; border-top: 1px solid var(--line); }.contact-card-links a { font-size: .76rem; }
.recruitment-footer { padding: 24px 0; color: var(--muted); border-top: 1px solid var(--line); font-size: .72rem; }.recruitment-footer .container { display: flex; justify-content: space-between; gap: 20px; }.recruitment-footer a { color: var(--primary); font-weight: 700; }
@media (max-width: 900px) { .recruitment-hero-grid, .benefits-layout, .contact-recruitment-card { grid-template-columns: 1fr; }.recruitment-hero-grid { gap: 40px; }.offer-summary { max-width: 560px; }.contact-recruitment-card { gap: 30px; }.recruiter-profile { max-width: 520px; } }
@media (max-width: 680px) { .recruitment-hero-grid { min-height: auto; padding-top: 55px; padding-bottom: 60px; }.recruitment-section { padding: 65px 0; }.candidate-grid, .steps-grid, .benefits-list { grid-template-columns: 1fr; }.step-card:not(:last-child)::after { content: '↓'; top: auto; right: 50%; bottom: -29px; transform: translateX(50%); }.contact-recruitment-card { padding: 32px 24px; }.recruitment-actions, .contact-recruitment-actions { flex-direction: column; align-items: stretch; }.recruitment-footer .container { flex-direction: column; }.brand-copy small { display: none; } }
@media (max-width: 520px) { .contact-only-card { grid-template-columns: 92px minmax(0, 1fr); gap: 17px; padding: 20px; }.recruiter-photo { width: 92px; min-height: 124px; }.contact-card-links { flex-direction: column; gap: 8px; } }