.job-seeking-page .portal-hero { background: radial-gradient(ellipse at 95% 10%, #dff4ff, transparent 55%), linear-gradient(145deg, #f7faff, #eef3fb); }
.job-seeking-page .portal-split, .job-seeking-page .portal-workflows { display: grid; gap: 40px; align-items: center; }
.job-seeking-page .portal-split > *, .job-seeking-page .portal-workflows > * { min-width: 0; }
.job-seeking-page .portal-illustration { margin: 0; }
.job-seeking-page .portal-console { padding: 24px; border: 1px solid #27415d; border-radius: 20px; background: #0c192c; box-shadow: 0 24px 60px #10234320; }
.job-seeking-page .portal-console .portal-console-label { color: #85edff; font-size: .7rem; font-weight: 750; letter-spacing: .05em; }
.job-seeking-page .portal-console-panels { display: grid; gap: 16px; }
.job-seeking-page .portal-console-panels > div { padding: 16px; border: 1px solid #36516d; border-radius: 12px; background: #182b42; min-width: 0; }
.job-seeking-page .portal-console-panels strong { color: #85edff; font-size: .85rem; }
.job-seeking-page .portal-console-panels ol { display: grid; gap: 12px; list-style: none; padding: 0; margin: 16px 0 0; color: #c9daef; font-size: .75rem; }
.job-seeking-page .portal-console-panels li { padding-bottom: 10px; border-bottom: 1px solid #36516d; }
.job-seeking-page figcaption, .job-seeking-page .portal-note { margin: 14px 0 0; color: #52647b; font-size: .8rem; }
.job-seeking-page .portal-workflows { align-items: start; gap: 24px; }
.job-seeking-page .portal-sequence { display: grid; gap: 16px; list-style: none; padding: 0; margin: 0; }
.job-seeking-page .portal-sequence li { display: flex; align-items: center; gap: 14px; font-size: .93rem; }
.job-seeking-page .portal-sequence span { display: grid; place-items: center; flex-shrink: 0; width: 40px; height: 40px; border: 1px solid #b4c9e3; border-radius: 50%; color: #1555b9; font-size: .75rem; font-weight: 750; }
.job-seeking-page .portal-capabilities { display: grid; gap: 16px; list-style: none; padding: 0; margin: 0; }
.job-seeking-page .portal-capabilities li { padding: 20px 24px; background: #fff; border: 1px solid #dce5ef; border-radius: 12px; font-weight: 650; }
.job-seeking-page .portal-gallery { display: grid; gap: 24px; }
.job-seeking-page .portal-example { width: 100%; max-width: 1100px; margin: 0 auto; }
.job-seeking-page .portal-listing { max-width: 1000px; }
.job-seeking-page .portal-browser-frame { overflow: hidden; border: 1px solid #dce5ef; border-radius: 12px; background: #fff; box-shadow: 0 6px 18px #1023430c; }
.job-seeking-page .portal-browser-bar { display: flex; align-items: center; gap: 6px; padding: 12px 14px; background: #0c192c; color: #c9daef; font-size: .65rem; }
.job-seeking-page .portal-browser-bar i { width: 6px; height: 6px; border-radius: 50%; background: #85edff; flex-shrink: 0; }
.job-seeking-page .portal-browser-bar span { margin-left: 8px; }
.job-seeking-page .portal-browser-frame .site-media { margin: 0; border: 0; border-radius: 0; box-shadow: none; }
.job-seeking-page .portal-scope-note { padding: 20px 24px; border-left: 3px solid #155cd7; border-radius: 0 12px 12px 0; background: #f3f6fb; }
@media (min-width: 576px) { .job-seeking-page .portal-console-panels, .job-seeking-page .portal-capabilities { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 992px) { .job-seeking-page .portal-split { grid-template-columns: 1.2fr 1fr; gap: 56px; } .job-seeking-page .portal-workflows { grid-template-columns: repeat(2, minmax(0, 1fr)); } }