:root { --ink:#071b34; --ink-2:#102d4f; --paper:#f3f5f7; --white:#fff; --blue:#69c4df; --blue-soft:#e4f4f8; --accent:#69c4df; --accent-soft:#e4f4f8; --muted:#657181; --line:rgba(7,27,52,.12); --shadow:0 25px 65px rgba(7,27,52,.12); }
* { box-sizing:border-box; }
html { min-width:320px; background:var(--paper); scroll-behavior:smooth; }
body { margin:0; min-height:100vh; overflow-x:hidden; color:var(--ink); background:linear-gradient(rgba(7,27,52,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(7,27,52,.07) 1px,transparent 1px),var(--paper); background-size:42px 42px; font-family:"Manrope",sans-serif; }
button,input { font:inherit; }
button { color:inherit; }
.topbar { position:sticky; top:14px; z-index:20; display:flex; align-items:center; justify-content:center; width:min(1180px,calc(100% - 32px)); min-height:66px; margin:14px auto 0; padding:8px 20px; border:1px solid rgba(255,255,255,.8); border-radius:22px; background:rgba(255,255,255,.82); box-shadow:0 12px 35px rgba(17,21,75,.1); backdrop-filter:blur(18px); }
.brand { position:absolute; left:20px; display:inline-flex; align-items:flex-end; gap:10px; width:max-content; padding:8px 0; border:0; background:none; cursor:pointer; }
.brand__name { font-size:1.55rem; font-weight:800; line-height:.85; letter-spacing:-.06em; }
.brand__digital { color:var(--accent); font-size:.57rem; font-weight:800; letter-spacing:.19em; }
.menu-wrap { position:absolute; right:14px; }
.menu-toggle { display:grid; gap:4px; place-content:center; width:42px; height:42px; padding:0; border:1px solid var(--line); border-radius:12px; background:white; cursor:pointer; }
.menu-toggle span { display:block; width:17px; height:2px; border-radius:2px; background:var(--ink); transition:transform .18s ease,opacity .18s ease; }
.menu-toggle[aria-expanded="true"] span:nth-child(1) { transform:translateY(6px) rotate(45deg); }
.menu-toggle[aria-expanded="true"] span:nth-child(2) { opacity:0; }
.menu-toggle[aria-expanded="true"] span:nth-child(3) { transform:translateY(-6px) rotate(-45deg); }
.account-menu { position:absolute; top:50px; right:0; width:230px; padding:8px; border:1px solid var(--line); border-radius:16px; background:white; box-shadow:0 18px 45px rgba(7,27,52,.18); }
.account-menu[hidden] { display:none; }
.account-menu button,.translate-control { display:flex; align-items:center; justify-content:space-between; width:100%; min-height:42px; padding:10px 12px; border:0; border-radius:10px; background:none; color:var(--ink); font-size:.76rem; font-weight:700; text-align:left; }
.account-menu button { cursor:pointer; }
.account-menu button:hover,.account-menu button:focus-visible,.translate-control:hover { background:var(--blue-soft); }
.translate-control { flex-direction:column; align-items:stretch; gap:7px; }
.translate-control select { width:100%; padding:8px 9px; border:1px solid var(--line); border-radius:8px; color:var(--ink); background:white; font:inherit; }
.language-search { display:grid; grid-template-columns:1fr 36px; gap:5px; }
.language-search input { min-width:0; padding:8px 9px; border:1px solid var(--line); border-radius:8px; font:inherit; }
.language-search button { justify-content:center; min-height:0; padding:7px!important; color:white!important; background:var(--ink)!important; }
.account-menu .sign-out { color:#c33434; }
.account-menu .sign-out:hover,.account-menu .sign-out:focus-visible { color:#a62222; background:#fff0f0; }
.top-progress { display:flex; justify-content:center; gap:8px; margin:0; padding:0; list-style:none; }
.top-progress li { display:flex; align-items:center; gap:7px; padding:9px 10px; border-radius:12px; color:#8c8da3; font-size:.69rem; font-weight:700; white-space:nowrap; }
.top-progress li span { display:grid; place-items:center; width:20px; height:20px; border-radius:50%; background:#ececf4; font-size:.65rem; }
.top-progress li.is-active { color:var(--ink); background:var(--blue-soft); }
.top-progress li.is-active span { color:var(--ink); background:var(--blue); }
.top-progress li.is-complete { color:#267a78; }
.top-progress li.is-complete span { color:white; background:#3fb6af; }
.view { display:none; width:min(1120px,calc(100% - 40px)); margin:0 auto; animation:enter .35s ease both; }
.view.is-active { display:block; }
@keyframes enter { from { opacity:0; transform:translateY(8px); } }
.hero-view.is-active { display:grid; grid-template-columns:.86fr 1.14fr; gap:70px; align-items:center; min-height:calc(100svh - 155px); padding:34px 0; }
.eyebrow,.panel-label,.step-label { margin:0 0 16px; color:#2786a3; font-size:.68rem; font-weight:800; letter-spacing:.17em; }
h1,h2,h3,p { text-wrap:pretty; }
.hero-copy h1,.section-heading h1,.job-detail h1,.process-heading h1 { margin:0; font-family:"Manrope",sans-serif; font-size:clamp(2.8rem,5vw,4.7rem); font-weight:800; line-height:1; letter-spacing:-.055em; }
.hero-copy h1 { max-width:660px; font-size:clamp(3rem,5.1vw,4.8rem); }
.hero-copy h1 em { color:#2786a3; font-style:normal; font-weight:800; }
.hero-copy .eyebrow { margin-bottom:20px; font-size:.84rem; letter-spacing:.14em; }
.hero-copy>p:not(.eyebrow,.microcopy) { max-width:550px; margin:28px 0; color:var(--muted); font-size:1.08rem; line-height:1.75; }
.primary-button,.secondary-button { display:inline-flex; align-items:center; justify-content:space-between; gap:25px; padding:16px 18px 16px 22px; border:0; border-radius:14px; font-weight:700; cursor:pointer; transition:transform .18s ease,box-shadow .18s ease,opacity .18s ease; }
.primary-button { color:white; background:var(--ink); box-shadow:0 12px 24px rgba(17,21,75,.18); }
.primary-button span { display:grid; place-items:center; width:30px; height:30px; border-radius:50%; color:var(--ink); background:var(--blue); }
.primary-button--chevron span { display:inline; width:auto; height:auto; border-radius:0; color:inherit; background:transparent; font-size:1.25rem; line-height:1; }
.primary-button:hover:not(:disabled) { transform:translateY(-2px); box-shadow:0 16px 30px rgba(17,21,75,.22); }
.primary-button:disabled { opacity:.32; cursor:not-allowed; box-shadow:none; }
.secondary-button { justify-content:center; margin-top:10px; border:1px solid var(--line); background:white; }
.microcopy { margin-top:18px!important; color:#9798aa!important; font-size:.7rem!important; }
.hero-actions { display:flex; flex-wrap:wrap; gap:10px; align-items:center; }
.hero-actions .secondary-button { margin-top:0; }
.hero-panel { overflow:hidden; padding:clamp(28px,4vw,48px); border:1px solid rgba(7,27,52,.1); border-radius:32px; background:linear-gradient(145deg,#bce9f3,#f8fbfc); box-shadow:var(--shadow); }
.hero-panel h2 { max-width:590px; margin:0 0 35px; font-size:clamp(1.9rem,3.4vw,3.1rem); font-weight:800; line-height:1.08; letter-spacing:-.045em; }
.hero-metrics { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; }
.hero-metrics article { min-height:180px; padding:22px; border-radius:20px; outline:none; background:rgba(255,255,255,.86); transition:color .8s ease,background .8s ease,transform .55s ease; }
.hero-metrics article:hover,.hero-metrics article:focus-visible,.hero-metrics article.is-featured { color:white; background:var(--ink); transform:translateY(-2px); }
.hero-metrics span { color:#2786a3; font-size:.7rem; font-weight:800; }
.hero-metrics b { display:block; margin:28px 0 8px; font-size:1.12rem; }
.hero-metrics p { max-height:0; margin:0; overflow:hidden; visibility:hidden; color:inherit; opacity:0; font-size:.74rem; line-height:1.5; transform:translateY(5px); transition:max-height .7s ease,opacity .7s ease,transform .7s ease,visibility 0s linear .7s; }
.hero-metrics article:hover p,.hero-metrics article:focus-visible p,.hero-metrics article.is-featured p { max-height:48px; visibility:visible; opacity:.72; transform:translateY(0); transition-delay:0s; }
.jobs-view,.saved-jobs-view,.account-view,.detail-view,.process-view,.own-job-view { padding:85px 0 110px; }
.own-job-layout { display:grid; grid-template-columns:.9fr 1.1fr; gap:70px; align-items:start; }
.own-job-layout h1 { margin:0; font-size:clamp(3rem,5vw,5rem); font-weight:800; line-height:.96; letter-spacing:-.06em; }
.own-job-form { padding:clamp(25px,4vw,40px); border:8px solid rgba(255,255,255,.6); border-radius:28px; background:rgba(255,255,255,.82); box-shadow:var(--shadow); }
.field-group { display:flex; flex-direction:column; gap:8px; margin-bottom:20px; }
.field-group label { font-size:.76rem; font-weight:800; }
.field-group input,.field-group textarea { width:100%; padding:15px 16px; border:1px solid var(--line); border-radius:13px; outline:none; color:var(--ink); background:var(--paper); resize:vertical; }
.field-group input:focus,.field-group textarea:focus { border-color:var(--accent); box-shadow:0 0 0 3px rgba(105,196,223,.18); }
.field-group small { color:var(--muted); font-size:.64rem; }
.section-heading { display:flex; align-items:end; justify-content:space-between; gap:40px; margin-bottom:38px; }
.jobs-home-button { margin-bottom:24px; }
.section-heading h1,.job-detail h1,.process-heading h1 { font-size:clamp(3rem,5vw,5rem); }
.section-heading>p { max-width:400px; margin:0 0 8px; color:var(--muted); line-height:1.65; }
.filter-row { display:flex; gap:9px; margin-bottom:24px; overflow-x:auto; padding-bottom:4px; }
.filter-chip { padding:10px 15px; border:1px solid var(--line); border-radius:999px; background:rgba(255,255,255,.75); color:var(--muted); font-size:.76rem; font-weight:700; cursor:pointer; white-space:nowrap; }
.filter-chip.is-active { border-color:var(--ink); color:white; background:var(--ink); }
.job-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
.job-card { display:flex; flex-direction:column; min-height:360px; padding:25px; border:1px solid rgba(255,255,255,.8); border-radius:23px; background:rgba(255,255,255,.8); box-shadow:0 16px 45px rgba(17,21,75,.08); transition:transform .2s ease; }
.job-card:hover { transform:translateY(-4px); }
.job-card__top { display:flex; align-items:start; justify-content:space-between; }
.job-card__actions { display:flex; align-items:center; gap:9px; }
.company-mark { display:grid; place-items:center; width:54px; height:54px; border-radius:16px; color:var(--ink); background:var(--blue); font-weight:800; letter-spacing:-.03em; }
.company-mark--pink { background:#c7d7e3; }.company-mark--aqua { background:#a9dce9; }.company-mark--violet { background:#b8c8d8; }.company-mark--orange { background:#d7dfe5; }.company-mark--blue { background:#8fd4e7; }
.job-type { display:inline-flex; align-items:center; min-height:34px; padding:7px 11px; border-radius:999px; color:var(--muted); background:#f0f0f6; font-size:.64rem; font-weight:700; }
.job-card>p:not(.job-card__summary) { margin:23px 0 6px; color:#2786a3; font-size:.68rem; font-weight:800; text-transform:uppercase; letter-spacing:.08em; }
.job-card h2 { margin:0; font-size:1.55rem; font-weight:800; line-height:1.1; letter-spacing:-.035em; }
.job-meta { display:flex; flex-wrap:wrap; gap:8px; margin:16px 0; }
.job-meta span { padding:7px 10px; border-radius:8px; color:var(--muted); background:#f4f4f8; font-size:.68rem; font-weight:600; }
.job-card__summary { margin:0 0 22px; color:var(--muted); font-size:.8rem; line-height:1.55; }
.job-card .view-job-button { display:flex; align-items:center; justify-content:space-between; width:100%; margin-top:auto; padding:12px 15px; border:0; border-radius:999px; color:white; background:var(--ink); font-size:.75rem; font-weight:700; cursor:pointer; transition:background .18s ease,transform .18s ease; }
.job-card .view-job-button:hover { background:var(--ink-2); transform:translateY(-1px); }
.save-job-button { display:grid; flex:0 0 34px; place-items:center; width:34px; height:34px; padding:0; border:1px solid var(--line); border-radius:50%; color:var(--ink); background:white; cursor:pointer; transition:color .18s ease,background .18s ease,border-color .18s ease,transform .18s ease; }
.save-job-button svg { width:16px; height:16px; overflow:visible; fill:transparent; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; transition:fill .18s ease,stroke .18s ease; }
.save-job-button:hover,.save-job-button:focus-visible { border-color:var(--accent); color:#257c98; background:var(--blue-soft); transform:translateY(-1px); }
.save-job-button[aria-pressed="true"] { border-color:var(--accent); color:#257c98; background:var(--blue-soft); }
.save-job-button[aria-pressed="true"] svg { fill:currentColor; }
.empty-saved-state { grid-column:1/-1; padding:46px 25px; border:1px dashed var(--line); border-radius:23px; color:var(--muted); background:rgba(255,255,255,.65); text-align:center; }
.empty-saved-state h2 { margin:0 0 8px; color:var(--ink); }
.empty-saved-state p { margin:0; }
.prototype-badge { padding:9px 12px; border-radius:999px; color:#257c98; background:var(--blue-soft); font-size:.68rem; font-weight:800; }
.account-layout { display:grid; grid-template-columns:1fr 1fr; gap:18px; }
.profile-card { grid-column:1/-1; display:flex; align-items:center; gap:22px; padding:30px; border:1px solid var(--line); border-radius:24px; background:white; box-shadow:0 16px 45px rgba(7,27,52,.08); }
.profile-avatar { display:grid; flex:0 0 74px; place-items:center; width:74px; height:74px; border-radius:22px; color:var(--ink); background:var(--accent); font-size:1.3rem; font-weight:800; }
.profile-card span,.profile-card p { color:var(--muted); font-size:.72rem; }.profile-card h2 { margin:4px 0; font-size:1.7rem; }.profile-card p { margin:0; }
.profile-tags { display:flex; flex-wrap:wrap; gap:7px; margin-top:14px; }.profile-tags b { padding:7px 9px; border-radius:8px; background:var(--paper); font-size:.65rem; }
.account-stats { grid-column:1/-1; display:grid; grid-template-columns:repeat(3,1fr); gap:12px; }.account-stats article { display:flex; flex-direction:column; padding:20px; border:1px solid var(--line); border-radius:18px; background:var(--ink); color:white; }.account-stats strong { font-size:2rem; }.account-stats span { margin-top:3px; color:rgba(255,255,255,.7); font-size:.7rem; }
.account-card { padding:25px; border:1px solid var(--line); border-radius:22px; background:white; }.account-card h2 { margin:0 0 22px; font-size:1.35rem; }.account-card--wide { grid-column:1/-1; }
.account-card dl { margin:0; }.account-card dl div,.setting-row { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:12px 0; border-top:1px solid var(--line); }.account-card dt,.setting-row small { color:var(--muted); font-size:.68rem; }.account-card dd { margin:0; font-size:.75rem; font-weight:700; }.setting-row span { display:flex; flex-direction:column; gap:3px; }.setting-row b { font-size:.76rem; }.setting-row i { padding:6px 9px; border-radius:999px; color:#257c98; background:var(--blue-soft); font-size:.62rem; font-style:normal; font-weight:800; }
.activity-row { display:grid; grid-template-columns:48px 1fr auto; align-items:center; gap:13px; padding:14px 0; border-top:1px solid var(--line); }.activity-row .company-mark { width:48px; height:48px; border-radius:13px; }.activity-row div { display:flex; flex-direction:column; gap:3px; }.activity-row b { font-size:.78rem; }.activity-row small,.activity-row time { color:var(--muted); font-size:.66rem; }
.text-button { margin-bottom:35px; padding:10px 15px; border:0; border-radius:999px; color:white; background:var(--ink); font-size:.75rem; font-weight:700; cursor:pointer; transition:background .18s ease,transform .18s ease; }
.text-button:hover { background:var(--ink-2); transform:translateY(-1px); }
.detail-layout { display:grid; grid-template-columns:1fr 350px; gap:70px; align-items:start; }
.job-detail>.company-mark { margin-bottom:25px; }
.job-detail .eyebrow { margin-bottom:10px; }
.job-detail .job-meta { margin:25px 0; }
.detail-lead { max-width:700px; margin:30px 0 45px; color:var(--muted); font-size:1.12rem; line-height:1.7; }
.job-detail h2 { margin:30px 0 12px; font-size:1.55rem; font-weight:800; }
.job-detail ul { margin:0; padding:0; list-style:none; }
.job-detail li { position:relative; margin:10px 0; padding-left:24px; color:var(--muted); line-height:1.5; }
.job-detail li::before { content:""; position:absolute; top:.58em; left:0; width:8px; height:8px; border-radius:50%; background:var(--accent); }
.apply-card { position:sticky; top:100px; padding:30px; border:1px solid rgba(7,27,52,.1); border-radius:24px; background:linear-gradient(145deg,#e1f4f8,#fff); box-shadow:var(--shadow); }
.apply-card h2 { margin:0; font-size:2rem; font-weight:800; line-height:1.05; letter-spacing:-.04em; }
.apply-card p:not(.panel-label) { margin:18px 0 24px; color:var(--muted); line-height:1.6; }
.apply-card .primary-button { width:100%; }
.apply-card small { display:block; margin-top:15px; color:#9697a8; font-size:.65rem; }
.process-heading { display:flex; align-items:end; justify-content:space-between; gap:40px; margin-bottom:35px; }
.selected-role { display:flex; flex-direction:column; min-width:250px; padding:16px 20px; border-left:3px solid var(--accent); }
.selected-role span,.selected-role small { color:var(--muted); font-size:.68rem; }.selected-role b { margin:3px 0; }
.process-layout { display:grid; grid-template-columns:315px 1fr; gap:24px; align-items:start; }
.tracker { overflow:hidden; border:1px solid var(--line); border-radius:24px; background:white; box-shadow:0 15px 40px rgba(7,27,52,.08); }
.tracker__toggle { display:flex; align-items:center; justify-content:space-between; width:100%; padding:24px; border:0; background:linear-gradient(135deg,var(--blue-soft),white); text-align:left; cursor:pointer; }
.tracker__toggle small { display:block; margin-bottom:4px; color:#2786a3; font-size:.58rem; font-weight:800; letter-spacing:.12em; }
.tracker__toggle b { font-size:1.25rem; font-weight:800; letter-spacing:-.03em; }
.tracker__chevron { font-size:1.1rem; transition:transform .2s ease; }
.tracker__steps { display:grid; gap:8px; margin:0; padding:15px; list-style:none; }
.tracker__steps li { display:flex; gap:12px; align-items:center; min-height:62px; padding:15px; border:1px solid transparent; border-radius:15px; color:#738091; outline:none; transition:background .18s ease,color .18s ease,border-color .18s ease; }
.tracker__steps li>span { display:grid; flex:0 0 30px; place-items:center; width:30px; height:30px; border-radius:50%; background:#edf0f7; font-size:.68rem; font-weight:800; }
.tracker__steps b { display:block; font-size:.8rem; }.tracker__steps small { display:none; margin-top:3px; font-size:.58rem; line-height:1.35; }
.tracker__steps li.is-active { color:var(--ink); border-color:rgba(105,196,223,.5); background:var(--blue-soft); }.tracker__steps li.is-active>span { color:var(--ink); background:var(--blue); }.tracker__steps li.is-complete { color:#257c98; }.tracker__steps li.is-complete>span { color:var(--ink); background:var(--accent); }
.tracker__steps li:hover,.tracker__steps li:focus-visible { color:white; border-color:var(--ink); background:var(--ink); }
.tracker__steps li:hover>span,.tracker__steps li:focus-visible>span { color:var(--ink); background:var(--blue); }
.tracker__steps li:hover small,.tracker__steps li:focus-visible small { display:block; color:rgba(255,255,255,.76); }
.tracker.is-collapsed .tracker__steps { display:none; }.tracker.is-collapsed .tracker__chevron { transform:rotate(180deg); }
.process-card { min-height:610px; padding:clamp(25px,4vw,45px); border:1px solid var(--line); border-radius:24px; background:white; box-shadow:var(--shadow); }
.process-panel { display:none; }.process-panel.is-active { display:block; animation:enter .3s ease both; }
.process-panel h2 { margin:0; font-size:clamp(2.1rem,3.8vw,3.25rem); font-weight:800; line-height:1.04; letter-spacing:-.05em; }
.panel-copy { max-width:660px; margin:16px 0 25px; color:var(--muted); line-height:1.65; }
.step-label { margin-bottom:10px; }
.visually-hidden { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; }
.drop-zone { display:flex; flex-direction:column; align-items:center; justify-content:center; min-height:250px; padding:28px; border:1.5px dashed rgba(17,21,75,.23); border-radius:20px; background:rgba(246,246,251,.78); text-align:center; cursor:pointer; transition:.2s ease; }
.drop-zone:hover,.drop-zone.is-dragging { border-color:var(--accent); background:var(--accent-soft); transform:translateY(-2px); }
.upload-icon { display:grid; place-items:center; width:58px; height:58px; margin-bottom:16px; border-radius:18px; background:var(--ink); box-shadow:0 12px 25px rgba(17,21,75,.2); }
.upload-icon span { position:relative; width:2px; height:19px; background:white; }.upload-icon span::before { content:""; position:absolute; top:0; left:-5px; width:9px; height:9px; border-top:2px solid white; border-left:2px solid white; transform:rotate(45deg); }
.drop-zone b { font-size:1rem; }.drop-zone p { margin:5px 0; color:var(--muted); font-size:.82rem; }.drop-zone u { color:#2786a3; font-weight:800; }.drop-zone small { margin-top:12px; color:#8b96a3; font-size:.6rem; font-weight:700; letter-spacing:.12em; }
.file-preview { display:flex; align-items:center; gap:14px; padding:18px; border:1px solid var(--line); border-radius:16px; background:var(--paper); }.file-preview[hidden] { display:none; }.file-preview>div:nth-child(2) { display:flex; flex:1; flex-direction:column; min-width:0; }.file-preview b { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.file-preview small { margin-top:3px; color:var(--muted); }.file-preview button { border:0; background:none; color:#2786a3; font-size:.72rem; font-weight:800; cursor:pointer; }
.file-badge { display:grid; place-items:center; width:48px; height:52px; border-radius:10px; color:white; background:var(--ink); font-size:.7rem; font-weight:800; }
.phone-check { display:grid; grid-template-columns:1fr minmax(220px,.8fr); gap:10px 18px; align-items:center; margin-top:14px; padding:18px; border:1px solid var(--line); border-radius:16px; background:var(--blue-soft); }
.phone-check[hidden] { display:none; }
.phone-check label { display:block; margin-bottom:4px; font-size:.78rem; font-weight:800; }
.phone-check small { display:block; color:var(--muted); font-size:.66rem; line-height:1.45; }
.phone-check input { width:100%; padding:13px 14px; border:1px solid rgba(17,21,75,.16); border-radius:11px; outline:none; background:white; }
.phone-check input:focus { border-color:var(--accent); box-shadow:0 0 0 3px rgba(105,196,223,.18); }
.phone-check p { grid-column:2; min-height:16px; margin:0; color:#b13e63; font-size:.65rem; }
.form-message { min-height:20px; margin:10px 2px; color:#b13e63; font-size:.75rem; }.full-button { width:100%; }
.review-panel { padding-top:50px; text-align:center; }.review-panel .panel-copy { margin:16px auto 40px; }
.review-orbit { position:relative; display:grid; place-items:center; width:115px; height:115px; margin:0 auto 35px; border:1px solid rgba(7,27,52,.12); border-radius:50%; background:var(--blue-soft); }.review-orbit b { font-size:1.7rem; font-weight:800; }.review-orbit span { position:absolute; inset:-8px; border:3px solid transparent; border-top-color:var(--accent); border-right-color:var(--accent); border-radius:50%; animation:spin 1s linear infinite; } @keyframes spin { to { transform:rotate(360deg); } }
.review-bar { overflow:hidden; width:min(520px,100%); height:10px; margin:0 auto 10px; border-radius:999px; background:#e2e7eb; }.review-bar span { display:block; width:0; height:100%; border-radius:inherit; background:linear-gradient(90deg,#a5dfee,var(--accent)); transition:width .08s linear; }.review-panel>small { color:var(--muted); }
.score-row { display:flex; align-items:center; justify-content:space-between; margin-bottom:30px; }.fit-score { display:flex; align-items:center; }.fit-score strong { font-size:4.6rem; font-weight:800; line-height:.8; letter-spacing:-.08em; }.fit-score>span { display:flex; flex-direction:column; font-size:1.5rem; }.fit-score small { margin-top:6px; color:var(--muted); font-size:.55rem; font-weight:800; letter-spacing:.1em; }.fit-label { padding:9px 13px; border-radius:999px; color:#14635f; background:#c9f1ea; font-size:.7rem; font-weight:800; }
.feedback-grid { display:grid; grid-template-columns:1fr 1fr; gap:12px; margin:28px 0; }.feedback-grid article { display:flex; gap:14px; padding:20px; border-radius:17px; background:var(--blue-soft); }.feedback-grid article:last-child { background:#eef1f4; }.feedback-icon { display:grid; flex:0 0 34px; place-items:center; width:34px; height:34px; border-radius:50%; background:var(--blue); font-weight:800; }.feedback-icon--gap { background:#cbd5dd; }.feedback-grid h3 { margin:0 0 9px; font-size:.86rem; }.feedback-grid ul { margin:0; padding-left:16px; color:var(--muted); font-size:.72rem; line-height:1.7; }
.result-icon { display:grid; place-items:center; width:72px; height:72px; margin-bottom:28px; border-radius:22px; color:var(--ink); background:var(--accent); box-shadow:0 12px 28px rgba(105,196,223,.25); font-size:1.8rem; font-weight:800; }.result-icon.is-neutral { color:white; background:#6e7c8b; }
.role-reminder { display:flex; flex-direction:column; margin:28px 0; padding:20px; border-left:4px solid var(--accent); border-radius:4px 15px 15px 4px; background:var(--accent-soft); }.role-reminder span { color:#2786a3; font-size:.58rem; font-weight:800; letter-spacing:.12em; }.role-reminder b { margin:5px 0; font-size:1.35rem; font-weight:800; }.role-reminder small { color:var(--muted); }
footer { display:flex; align-items:center; justify-content:space-between; width:min(1120px,calc(100% - 40px)); margin:0 auto; padding:28px 0 35px; border-top:1px solid var(--line); color:var(--muted); font-size:.7rem; }
.footer-brand { display:inline-flex; align-items:flex-end; gap:10px; color:var(--ink); }
#google_translate_element,.goog-te-banner-frame.skiptranslate { display:none!important; }
body { top:0!important; }
@media (max-width:900px) { .top-progress li { padding:8px; font-size:0; }.top-progress li span { font-size:.65rem; }.hero-view.is-active { grid-template-columns:1fr; min-height:auto; padding:55px 0 80px; }.job-grid { grid-template-columns:repeat(2,1fr); }.detail-layout,.own-job-layout { grid-template-columns:1fr; }.apply-card { position:static; }.process-layout { grid-template-columns:1fr; }.tracker__steps { grid-template-columns:repeat(5,1fr); }.tracker__steps li { align-items:flex-start; }.process-heading { align-items:start; } }
@media (max-width:620px) { .topbar { top:8px; width:calc(100% - 16px); margin-top:8px; padding:8px 10px; border-radius:18px; }.brand { left:14px; }.brand__name { font-size:1.35rem; }.topbar .brand__digital { display:none; }.menu-wrap { right:8px; }.menu-toggle { width:38px; height:38px; }.account-menu { top:46px; }.top-progress { gap:1px; }.top-progress li { padding:5px; }.view { width:calc(100% - 28px); }.hero-view.is-active,.jobs-view,.saved-jobs-view,.account-view,.detail-view,.process-view,.own-job-view { padding:55px 0 80px; }.hero-copy h1,.section-heading h1,.job-detail h1,.process-heading h1 { font-size:clamp(2.35rem,11vw,3.35rem); }.hero-panel { padding:22px; }.hero-metrics { grid-template-columns:1fr; }.hero-metrics article { min-height:116px; }.hero-metrics b { margin-top:14px; }.section-heading,.process-heading { align-items:start; flex-direction:column; }.job-grid { grid-template-columns:1fr; }.account-layout { grid-template-columns:1fr; }.profile-card { align-items:flex-start; flex-direction:column; }.account-stats { grid-template-columns:1fr; }.account-card,.account-card--wide { grid-column:1; }.process-card { min-height:0; padding:23px 18px; }.tracker__steps { grid-template-columns:1fr 1fr; }.feedback-grid { grid-template-columns:1fr; }.phone-check { grid-template-columns:1fr; }.phone-check p { grid-column:1; }.score-row { align-items:flex-start; }.selected-role { width:100%; }.process-panel h2 { font-size:2.1rem; } footer { flex-direction:column; gap:12px; text-align:center; } }
@media (prefers-reduced-motion:reduce) { * { scroll-behavior:auto!important; animation-duration:.01ms!important; transition-duration:.01ms!important; } }