.home-page .jobs-guide { margin:46px 0 58px; }
.home-page .jobs-guide__intro { display:grid; grid-template-columns:minmax(0,1fr) minmax(310px,.55fr); gap:24px; align-items:stretch; margin-bottom:20px; }
.home-page .jobs-guide__intro>div { padding:28px 30px; border:1px solid rgba(139,190,225,.15); border-radius:16px; background:linear-gradient(145deg,rgba(21,37,58,.88),rgba(16,27,42,.88)); }
.home-page .jobs-guide__eyebrow { display:inline-flex; gap:8px; align-items:center; margin-bottom:12px; color:#72d2f7; font-size:11px; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }
.home-page .jobs-guide__intro h3 { margin:0 0 8px; color:#f2f9fe; font-size:clamp(1.55rem,2.5vw,2.25rem); font-weight:800; }
.home-page .jobs-guide__intro p { margin:0; color:#96afc2; line-height:1.65; }
.home-page .jobs-guide__best { padding:27px 28px; border:1px solid rgba(255,178,74,.38); border-radius:16px; background:radial-gradient(circle at 100% 0,rgba(255,178,74,.18),transparent 48%),linear-gradient(145deg,#242941,#171d2d); }
.home-page .jobs-guide__best>span { display:block; margin-bottom:9px; color:#ffc46f; font-size:10px; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }
.home-page .jobs-guide__best strong { display:block; margin-bottom:7px; color:#fff; font-size:25px; }
.home-page .jobs-guide__best b { color:#ffd18d; }
.home-page .jobs-guide__best small { display:block; margin-top:10px; color:#839db1; }
.home-page .jobs-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }
.home-page .job-card { display:grid; grid-template-columns:42px 1fr auto; grid-template-rows:auto auto; gap:2px 13px; align-items:center; min-height:116px; padding:19px; border:1px solid rgba(139,190,225,.14); border-radius:14px; background:#111e2e; transition:.2s ease; }
.home-page .job-card:hover { border-color:rgba(98,204,247,.4); transform:translateY(-3px); }
.home-page .job-card>i { grid-row:1/3; display:grid; place-items:center; width:42px; height:42px; border-radius:11px; background:rgba(79,190,239,.12); color:#70d0f6; font-size:19px; }
.home-page .job-card h4 { margin:0 0 3px; color:#edf8ff; font-size:15px; font-weight:750; }
.home-page .job-card h4 em { display:inline-block; margin-left:5px; padding:3px 6px; border-radius:999px; background:rgba(255,178,74,.13); color:#ffc46f; font-size:8px; font-style:normal; text-transform:uppercase; vertical-align:2px; }
.home-page .job-card p { margin:0; color:#819caf; font-size:11px; }
.home-page .job-card>span { color:#7ed8fa; font-size:13px; font-weight:800; text-align:right; white-space:nowrap; }
.home-page .job-card>small { grid-column:2/4; color:#9ab1c2; font-size:10px; }
.home-page .job-card--best { border-color:rgba(255,178,74,.34); background:linear-gradient(145deg,#19283a,#242438); }
.home-page .job-card--best>i { background:rgba(255,178,74,.13); color:#ffc46f; }
.home-page .job-card--best>span { color:#ffd18d; }
.home-page .jobs-guide__note { display:flex; gap:7px; align-items:center; margin:16px 2px 0; color:#718da3; font-size:10px; }
.home-page .jobs-guide__note i { color:#64c9f2; }
@media(max-width:991px) { .home-page .jobs-guide__intro { grid-template-columns:1fr; }.home-page .jobs-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:575px) { .home-page .jobs-guide { margin:34px 0 44px; }.home-page .jobs-guide__intro>div,.home-page .jobs-guide__best { padding:22px; }.home-page .jobs-grid { grid-template-columns:1fr; }.home-page .job-card { min-height:105px; padding:16px; } }
