@import url('modern.css');
.cr-main .cr-hero { padding-top:30px; background:radial-gradient(ellipse at 90% 15%,#edf4ff,transparent 55%); }
.cr-hero-grid { display:grid; grid-template-columns:1.1fr 1fr; gap:70px; align-items:center; }.cr-hero-copy>p { font-size:17px; }.cr-location { display:flex; align-items:center; gap:9px; color:#687d96; font-size:12px; margin-top:28px; }.cr-hero-visual { position:relative; padding-bottom:50px; }.cr-hero-visual img { width:100%; height:430px; object-fit:cover; border-radius:12px; }.cr-image-label { position:absolute; bottom:30px; left:-20px; background:white; border:1px solid var(--ui-line); border-radius:10px; box-shadow:0 10px 25px #183d6b10; padding:22px 27px; display:flex; align-items:center; gap:20px; }.cr-image-label i { color:var(--ui-blue); font-size:30px; }.cr-image-label span { font-size:14px; color:#657994; line-height:1.8; }.cr-image-label strong { color:var(--ui-ink); font-weight:600; }.cr-visual-note { position:absolute; bottom:-4px; right:0; font-size:10px; color:#647d9a; }.cr-visual-note i { margin-right:5px; }.cr-principles { display:flex; justify-content:space-between; align-items:center; gap:20px; border-block:1px solid var(--ui-line); margin-top:60px; padding:28px 0; }.cr-principles>span { font-size:8px; letter-spacing:1.5px; color:#6c819d; }.cr-principles>div { display:flex; gap:10px; align-items:center; font-size:12px; }.cr-principles i { color:#5b7aa4; font-size:18px; }
.cr-culture-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }.cr-culture-card { padding:28px; border:1px solid var(--ui-line); border-radius:10px; }.cr-culture-card>i { display:grid; place-items:center; width:43px; height:43px; border-radius:9px; background:#eef4ff; color:var(--ui-blue); font-size:22px; margin-bottom:24px; }.cr-culture-card>span { font-size:8px; color:#617c9e; letter-spacing:1.2px; }.cr-culture-card h3 { font-size:23px; margin:14px 0; }.cr-culture-card p { font-size:14px; margin-bottom:0; }.cr-culture-foot { display:flex; gap:20px; flex-wrap:wrap; justify-content:center; align-items:center; font-size:13px; color:#637a97; margin-top:28px; }
.cr-main .cr-openings { background:#f5f8fc; }.cr-empty { background:white; border:1px solid var(--ui-line); border-radius:12px; text-align:center; padding:55px 30px; }.cr-empty-icon { margin:0 auto 23px; background:#eef4ff; width:60px; height:60px; display:grid; place-items:center; color:var(--ui-blue); font-size:27px; border-radius:12px; }.cr-empty h3 { font-size:28px; margin:17px 0; }.cr-empty p { max-width:530px; margin:0 auto 25px; }.cr-empty small { display:block; font-size:11px; color:#6d819d; margin-top:18px; }.cr-listing-note { display:flex; align-items:flex-start; gap:12px; margin-top:24px; }.cr-listing-note>i { color:#6a83a4; }.cr-listing-note p { font-size:12px; margin:0; }.cr-job-tools { display:grid; grid-template-columns:1fr 245px; gap:20px; margin-bottom:23px; }.cr-job-tools label { display:block; font-size:12px; font-weight:600; margin-bottom:8px; }.cr-search>div { position:relative; }.cr-search i { position:absolute; left:15px; top:15px; color:#6d84a2; }.cr-job-tools :is(input,select) { border:1px solid #d5e0ed; border-radius:7px; padding:13px; width:100%; background:white; color:var(--ui-ink); font-size:14px; min-height:49px; }.cr-job-tools input { padding-left:42px; }.cr-results { font-size:12px!important; color:#687e9b!important; }.cr-job { background:white; border:1px solid var(--ui-line); padding:28px; border-radius:10px; margin-top:16px; }.cr-job-heading { display:flex; align-items:center; justify-content:space-between; gap:25px; }.cr-job-heading>div { min-width:0; }.cr-job-department { font-size:9px; color:var(--ui-blue); letter-spacing:1px; text-transform:uppercase; overflow-wrap:anywhere; }.cr-job h3 { font-size:24px; margin:10px 0 14px; overflow-wrap:anywhere; }.cr-job-meta { display:flex; flex-wrap:wrap; gap:10px 20px; }.cr-job-meta span { display:flex; align-items:center; gap:7px; font-size:12px; color:#617792; }.cr-apply { display:inline-flex; align-items:center; gap:15px; font-size:13px; font-weight:600; border:1px solid #c9dbf5; background:#f3f7ff; padding:12px 17px; border-radius:6px; flex-shrink:0; }.cr-job-details { margin-top:24px; border-top:1px solid var(--ui-line); padding-top:18px; }.cr-job-details summary { display:flex; align-items:center; justify-content:space-between; gap:15px; list-style:none; font-size:13px; font-weight:550; cursor:pointer; }.cr-job-details summary::-webkit-details-marker { display:none; }.cr-job-details summary i { color:#7089a9; transition:transform .2s; }.cr-job-details[open] summary i { transform:rotate(45deg); }.cr-job-details h4 { font-size:15px; margin:22px 0 12px; }.cr-job-details p,.cr-job-details li { font-size:14px; line-height:1.85; overflow-wrap:anywhere; }.cr-job-description { white-space:pre-line; }.cr-job-details ul { color:var(--ui-muted); padding-left:20px; }.cr-job-details .cr-application-note { font-size:12px; background:#f5f8fc; padding:15px; border-radius:6px; margin:23px 0 0; }.cr-no-results { text-align:center; border:1px dashed #bfd0e6; border-radius:10px; padding:35px; background:white; }.cr-no-results>i { font-size:24px; color:var(--ui-blue); }.cr-no-results h3 { font-size:24px; margin:20px 0 13px; }
.cr-process-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:28px; }.cr-step { border-top:1px solid var(--ui-line); padding-top:24px; }.cr-step>span { display:flex; align-items:center; justify-content:space-between; color:var(--ui-blue); font-size:26px; }.cr-step>span i { font-size:17px; color:#8da4c4; }.cr-step h3 { font-size:20px; margin:23px 0 13px; }.cr-step p { font-size:14px; }.cr-main .cr-faq { border-top:1px solid var(--ui-line); }.cr-faq-grid { display:grid; grid-template-columns:.85fr 1.15fr; gap:90px; }.cr-faq-grid>div>p { max-width:330px; }.cr-faq-grid>div>a { margin-top:15px; }.cr-main .cr-next { padding-top:0; }.cr-next-card { padding:43px; border:1px solid #dae6f7; background:#eef4ff; border-radius:12px; display:flex; align-items:center; justify-content:space-between; gap:40px; }.cr-next-card p { max-width:480px; }.cr-next-actions { display:flex; flex-direction:column; align-items:center; gap:22px; flex-shrink:0; }
@media(max-width:1199px) { .cr-hero-grid { gap:40px; }.cr-principles { gap:15px; }.cr-principles>div { font-size:11px; }.cr-faq-grid { gap:45px; } }
@media(max-width:991px) { .cr-hero-grid { grid-template-columns:1fr; }.cr-hero-copy { max-width:620px; }.cr-hero-visual { max-width:600px; margin:auto; }.cr-hero-visual img { height:360px; }.cr-image-label { left:18px; }.cr-principles { flex-wrap:wrap; justify-content:center; }.cr-principles>span { width:100%; text-align:center; }.cr-culture-grid { gap:17px; }.cr-culture-card { padding:23px; }.cr-culture-card h3 { font-size:21px; }.cr-process-grid { grid-template-columns:1fr 1fr; gap:35px; }.cr-next-card { padding:32px; gap:30px; } }
@media(max-width:767px) { .cr-culture-grid,.cr-faq-grid { grid-template-columns:1fr; }.cr-job-tools { grid-template-columns:1fr 190px; }.cr-job-heading { align-items:flex-start; flex-direction:column; }.cr-next-card { display:block; }.cr-next-actions { align-items:flex-start; margin-top:24px; }.cr-principles>div { width:43%; }.cr-faq-grid>div>p { max-width:100%; }.cr-culture-card>i { margin-bottom:18px; } }
@media(max-width:479px) { .cr-main .cr-hero { padding-top:23px; }.cr-hero-visual img { height:315px; }.cr-image-label { padding:18px; left:14px; right:14px; }.cr-image-label span { font-size:13px; }.cr-visual-note { font-size:8px; }.cr-principles { margin-top:35px; }.cr-job-tools,.cr-process-grid { grid-template-columns:1fr; }.cr-job-tools :is(input,select) { font-size:16px; }.cr-empty { padding:35px 23px; }.cr-empty h3 { font-size:25px; }.cr-job { padding:23px; }.cr-job h3 { font-size:22px; }.cr-next-card { padding:26px; } }