:root{--gold:#c99b3d;--gold2:#e6c980;--ink:#17202a;--muted:#68717c;--line:#e7e2d8;--bg:#f7f6f2;--white:#fff;--danger:#a92d2d;--success:#1f7a4d;--blue:#2f5f92;--shadow:0 18px 50px rgba(25,31,38,.10)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;background:var(--bg);color:var(--ink);line-height:1.5}a{color:inherit}button,input,select,textarea{font:inherit}img{max-width:100%}.topbar{height:72px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 4vw;position:sticky;top:0;z-index:20}.brand{display:flex;align-items:center;gap:12px;font-weight:800;letter-spacing:.02em}.brand img{width:54px;height:54px;object-fit:contain}.top-actions{display:flex;gap:10px;align-items:center}.hero{padding:72px 5vw 50px;background:linear-gradient(135deg,#fff 0%,#fbf5e8 100%);border-bottom:1px solid var(--line)}.hero-grid{max-width:1180px;margin:auto;display:grid;grid-template-columns:1.2fr .8fr;gap:50px;align-items:center}.hero h1{font-size:clamp(2.2rem,4.8vw,4.8rem);line-height:1.02;margin:0 0 18px}.eyebrow{color:#8b681d;font-weight:800;text-transform:uppercase;letter-spacing:.15em;font-size:.78rem}.hero p{font-size:1.08rem;color:var(--muted);max-width:700px}.hero-card{background:#fff;border:1px solid var(--line);padding:26px;border-radius:20px;box-shadow:var(--shadow)}.hero-card img{height:220px;width:100%;object-fit:contain}.feature-grid{max-width:1180px;margin:40px auto;padding:0 5vw 60px;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature{background:#fff;border:1px solid var(--line);border-radius:16px;padding:24px}.feature h3{margin:10px 0 8px}.icon{width:42px;height:42px;border-radius:12px;background:#f6e9c8;display:grid;place-items:center;font-weight:900;color:#7f5a14}.btn{border:0;border-radius:10px;padding:11px 17px;font-weight:750;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn.primary{background:linear-gradient(135deg,#b8892b,#d8b15a);color:#fff}.btn.dark{background:#18212a;color:#fff}.btn.light{background:#fff;border:1px solid var(--line)}.btn.danger{background:#fff1f1;color:var(--danger);border:1px solid #efcaca}.btn.small{padding:7px 10px;font-size:.86rem}.form-shell{max-width:1180px;margin:28px auto 60px;padding:0 20px}.form-header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:16px}.form-header img{width:100px;height:72px;object-fit:contain}.progress-wrap{background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px 20px;position:sticky;top:82px;z-index:10;box-shadow:0 8px 24px rgba(0,0,0,.05)}.progress-line{height:8px;background:#eee9df;border-radius:8px;overflow:hidden}.progress-bar{height:100%;width:8.33%;background:linear-gradient(90deg,#b8892b,#e1c375);transition:.25s}.progress-meta{display:flex;justify-content:space-between;margin-top:8px;font-size:.87rem;color:var(--muted)}.step{display:none;background:#fff;border:1px solid var(--line);border-radius:18px;padding:28px;margin-top:18px;box-shadow:0 8px 28px rgba(27,30,34,.04)}.step.active{display:block}.step h2{margin:0 0 8px;font-size:1.65rem}.step-intro{color:var(--muted);margin:0 0 24px}.section-title{margin:28px 0 12px;padding-bottom:8px;border-bottom:1px solid var(--line);font-size:1.05rem}.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:15px}.col-12{grid-column:span 12}.col-8{grid-column:span 8}.col-6{grid-column:span 6}.col-4{grid-column:span 4}.col-3{grid-column:span 3}.field label,.field-label{display:block;font-weight:700;font-size:.89rem;margin-bottom:6px}.field input,.field select,.field textarea,.auth-card input,.filter input,.filter select{width:100%;border:1px solid #d8d3c9;border-radius:9px;padding:11px 12px;background:#fff;outline:none}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(201,155,61,.15)}.field textarea{min-height:92px;resize:vertical}.help{font-size:.8rem;color:var(--muted);margin-top:5px}.choice-row{display:flex;flex-wrap:wrap;gap:10px}.choice{border:1px solid #d8d3c9;border-radius:10px;padding:9px 12px;background:#fff;display:flex;gap:8px;align-items:center}.repeat-card{border:1px solid var(--line);border-radius:14px;padding:18px;margin:12px 0;background:#fcfbf8}.repeat-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.step-actions{display:flex;justify-content:space-between;gap:12px;margin-top:26px;border-top:1px solid var(--line);padding-top:20px}.notice{background:#fff8e8;border:1px solid #ead59c;padding:14px 16px;border-radius:10px}.notice.danger{background:#fff2f2;border-color:#efc8c8}.signature{border:1px dashed #b7afa1;border-radius:10px;background:#fff;width:100%;height:150px;touch-action:none}.signature-tools{display:flex;justify-content:flex-end;margin-top:6px}.review-box{border:1px solid var(--line);border-radius:12px;padding:15px;margin:10px 0}.auth-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:linear-gradient(135deg,#faf7ef,#eee7d8)}.auth-card{width:min(460px,100%);background:#fff;padding:34px;border-radius:18px;box-shadow:var(--shadow);border:1px solid var(--line)}.auth-card label{display:block;font-weight:700;margin:15px 0}.auth-logo{height:110px;width:100%;object-fit:contain}.alert{padding:12px 14px;border-radius:9px;margin:12px 0}.alert.success{background:#eaf7ef;color:var(--success)}.alert.danger{background:#fff0f0;color:var(--danger)}.dashboard{display:grid;grid-template-columns:245px 1fr;min-height:100vh}.sidebar{background:#161d24;color:#fff;padding:24px 18px;position:sticky;top:0;height:100vh}.sidebar-logo{height:95px;width:100%;object-fit:contain;background:#fff;border-radius:12px;margin-bottom:24px}.nav a{display:block;color:#dce2e8;text-decoration:none;padding:10px 12px;border-radius:8px;margin:4px 0}.nav a:hover,.nav a.active{background:#2a343e;color:#fff}.main{padding:28px;min-width:0}.dash-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:22px}.dash-head h1{margin:0}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:20px}.stat{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px}.stat strong{display:block;font-size:2rem}.stat span{color:var(--muted)}.panel{background:#fff;border:1px solid var(--line);border-radius:15px;padding:18px;margin-bottom:18px}.filters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:15px}.filter{min-width:160px;flex:1}.table-wrap{overflow:auto}.data-table{width:100%;border-collapse:collapse;min-width:880px}.data-table th,.data-table td{text-align:left;padding:11px 10px;border-bottom:1px solid var(--line);font-size:.9rem}.data-table th{font-size:.78rem;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}.badge{display:inline-block;border-radius:999px;padding:5px 9px;font-size:.76rem;font-weight:800;background:#eee}.badge.new{background:#e7f0ff;color:#285e9c}.badge.review,.badge.vetting{background:#fff4d7;color:#8c6500}.badge.accepted,.badge.active{background:#e7f7ed;color:#1d7246}.badge.rejected{background:#ffe9e9;color:#9e2d2d}.badge.onboarding,.badge.interview{background:#f0e9ff;color:#6240a2}.profile-grid{display:grid;grid-template-columns:300px 1fr;gap:18px}.profile-side,.profile-main{background:#fff;border:1px solid var(--line);border-radius:15px;padding:18px}.avatar{width:110px;height:110px;border-radius:16px;background:#f1ede3;display:grid;place-items:center;font-size:2rem;font-weight:800;margin-bottom:12px}.tabs{display:flex;gap:8px;flex-wrap:wrap;border-bottom:1px solid var(--line);padding-bottom:10px;margin-bottom:15px}.tab{border:1px solid var(--line);background:#fff;border-radius:8px;padding:8px 11px;cursor:pointer}.tab.active{background:#1b252e;color:#fff}.tab-panel{display:none}.tab-panel.active{display:block}.kv{display:grid;grid-template-columns:220px 1fr;gap:8px 16px;padding:9px 0;border-bottom:1px solid #f0ede7}.kv dt{color:var(--muted)}.kv dd{margin:0;font-weight:650;word-break:break-word}.note{border-left:3px solid var(--gold);padding:10px 12px;background:#fcfaf4;margin:9px 0}.footer{padding:30px;text-align:center;color:var(--muted);font-size:.85rem}@media(max-width:900px){.hero-grid,.profile-grid{grid-template-columns:1fr}.feature-grid{grid-template-columns:1fr}.dashboard{grid-template-columns:1fr}.sidebar{height:auto;position:relative}.cards{grid-template-columns:repeat(2,1fr)}.grid{display:block}.field{margin-bottom:14px}.progress-wrap{top:4px}}@media(max-width:560px){.cards{grid-template-columns:1fr}.topbar{padding:0 14px}.topbar .brand span{display:none}.form-shell{padding:0 10px}.step{padding:20px 15px}.step-actions{flex-direction:column-reverse}.step-actions .btn{width:100%}}
@media print{.sidebar,.dash-head .btn,.tabs,.no-print,.topbar,.progress-wrap,.step-actions{display:none!important}.dashboard{display:block}.main{padding:0}.panel,.profile-side,.profile-main{border:0;box-shadow:none}.tab-panel{display:block!important;page-break-inside:avoid}body{background:#fff}}


/* =========================================================
   CUTLASS APPLICATION EXPERIENCE — 2026 UI UPGRADE
   Scoped to .application-page so the HR dashboard is unchanged.
   ========================================================= */
.application-page{
  --app-gold:#c89a3d;
  --app-gold-deep:#9b701f;
  --app-ink:#111827;
  --app-navy:#121a25;
  --app-muted:#667085;
  --app-border:#e7e2d8;
  --app-soft:#faf8f3;
  --app-success:#18794e;
  min-height:100vh;
  background:
    radial-gradient(circle at 8% 4%,rgba(215,179,101,.14),transparent 28rem),
    linear-gradient(180deg,#f8f6f1 0,#f4f6f8 58%,#f8f8f7 100%);
  color:var(--app-ink);
}
.application-page .application-topbar{
  height:78px;
  padding:0 max(20px,calc((100vw - 1400px)/2));
  border-bottom:1px solid rgba(17,24,39,.08);
  background:rgba(255,255,255,.88);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
  box-shadow:0 3px 18px rgba(17,24,39,.035);
}
.application-page .brand{gap:13px;text-decoration:none}
.application-page .brand-mark{
  width:52px;height:52px;border-radius:14px;display:grid;place-items:center;
  background:linear-gradient(145deg,#fff,#faf5e8);border:1px solid #ecdfbe;
  box-shadow:0 8px 20px rgba(155,112,31,.12);overflow:hidden;
}
.application-page .brand-mark img{width:45px;height:45px;object-fit:contain}
.application-page .brand-copy{display:flex;flex-direction:column;line-height:1.18}
.application-page .brand-copy strong{font-size:1rem;letter-spacing:.01em}
.application-page .brand-copy small{font-size:.75rem;color:var(--app-muted);font-weight:600;margin-top:3px}
.application-page .secure-label{display:flex;align-items:center;gap:8px;color:#475467;font-size:.82rem;font-weight:700}
.application-page .secure-dot{width:9px;height:9px;border-radius:50%;background:#20a269;box-shadow:0 0 0 4px rgba(32,162,105,.12)}
.application-page .hr-login{border-color:#dfd8c9;background:rgba(255,255,255,.8);padding:10px 16px}
.application-page .hr-login:hover{border-color:var(--app-gold);color:var(--app-gold-deep)}

.application-page .form-shell{max-width:1400px;margin:0 auto;padding:30px 24px 72px}
.application-hero{
  position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) 230px;
  align-items:center;gap:28px;min-height:250px;margin:0 0 24px;padding:42px 48px;
  background:linear-gradient(125deg,#111923 0%,#1d2936 62%,#2b3032 100%);
  border:1px solid rgba(255,255,255,.08);border-radius:26px;color:#fff;
  box-shadow:0 24px 60px rgba(17,24,39,.15);
}
.application-hero::before{content:"";position:absolute;width:390px;height:390px;right:-100px;top:-210px;border-radius:50%;border:1px solid rgba(215,179,101,.22);box-shadow:0 0 0 60px rgba(215,179,101,.04),0 0 0 120px rgba(215,179,101,.025)}
.application-hero::after{content:"";position:absolute;left:0;bottom:0;width:48%;height:3px;background:linear-gradient(90deg,var(--app-gold),transparent)}
.application-hero .hero-copy{position:relative;z-index:1;max-width:790px}
.application-page .application-hero .eyebrow{color:#e3c57c;margin-bottom:10px}
.application-hero h1{font-size:clamp(2rem,4vw,3.45rem);line-height:1.06;letter-spacing:-.035em;margin:0 0 15px}
.application-hero p{max-width:760px;margin:0;color:#d5dae1;font-size:1.02rem;line-height:1.7}
.hero-benefits{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
.hero-benefits span{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.075);border:1px solid rgba(255,255,255,.11);color:#e4e7ec;font-size:.8rem}
.hero-benefits b{color:#f0d694}
.hero-emblem{position:relative;z-index:1;display:grid;place-items:center;width:190px;height:190px;justify-self:end;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.13),rgba(255,255,255,.035) 68%,transparent 69%)}
.hero-emblem img{width:165px;height:165px;object-fit:contain;filter:drop-shadow(0 13px 25px rgba(0,0,0,.22))}

.application-layout{display:grid;grid-template-columns:290px minmax(0,1fr);gap:24px;align-items:start}
.step-sidebar{position:sticky;top:102px}
.step-sidebar-card{background:rgba(255,255,255,.88);border:1px solid var(--app-border);border-radius:20px;padding:20px;box-shadow:0 12px 36px rgba(17,24,39,.06);backdrop-filter:blur(12px)}
.sidebar-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;padding:2px 3px 16px;border-bottom:1px solid #eee9df}
.sidebar-kicker{font-size:.72rem;text-transform:uppercase;letter-spacing:.09em;color:var(--app-muted);font-weight:800}
.sidebar-heading strong{font-size:.82rem;color:var(--app-gold-deep);white-space:nowrap}
.step-nav{display:grid;gap:4px;margin:14px 0}
.step-nav-button{width:100%;border:0;background:transparent;border-radius:11px;padding:9px 10px;display:grid;grid-template-columns:30px minmax(0,1fr) 16px;align-items:center;gap:9px;text-align:left;color:#667085;cursor:pointer;transition:.2s}
.step-nav-button:hover:not(:disabled){background:#f8f5ed;color:#344054}
.step-nav-button:disabled{cursor:default}
.step-nav-index{width:28px;height:28px;display:grid;place-items:center;border:1px solid #ded9ce;border-radius:50%;font-size:.72rem;font-weight:800;background:#fff;color:#667085}
.step-nav-label{font-size:.82rem;line-height:1.2;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.step-nav-state{font-size:.78rem;color:#c2bcb1}
.step-nav-button.current{background:linear-gradient(135deg,#f9f2df,#fffaf0);color:#6e5018;box-shadow:inset 0 0 0 1px #ead7a5}
.step-nav-button.current .step-nav-index{background:linear-gradient(135deg,#b8882e,#dcb75f);border-color:transparent;color:#fff;box-shadow:0 5px 12px rgba(184,136,46,.24)}
.step-nav-button.completed{color:#344054}
.step-nav-button.completed .step-nav-index{background:#eaf7f0;border-color:#b9e2cd;color:#18794e}
.step-nav-button.completed .step-nav-state{color:#18794e}
.privacy-card{display:flex;gap:10px;margin-top:15px;padding:13px;border-radius:13px;background:#f7faf8;border:1px solid #d8e9df}
.privacy-icon{flex:0 0 26px;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:#dff3e8;color:#18794e;font-weight:900}
.privacy-card strong{font-size:.78rem}
.privacy-card p{font-size:.7rem;line-height:1.45;color:#667085;margin:3px 0 0}
.application-main{min-width:0}

.application-page .progress-wrap{top:96px;border-radius:18px;padding:17px 20px;background:rgba(255,255,255,.94);border-color:var(--app-border);box-shadow:0 10px 30px rgba(17,24,39,.07);backdrop-filter:blur(14px)}
.progress-topline{display:flex;justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:12px}
.progress-topline>div{display:flex;flex-direction:column;gap:2px}
.progress-label{font-size:.7rem;color:var(--app-muted);font-weight:800;text-transform:uppercase;letter-spacing:.08em}
.progress-topline strong{font-size:.98rem}
.progress-count{font-size:.78rem;padding:6px 10px;border-radius:999px;background:#f7f3e9;color:#7c5b1c;font-weight:800;white-space:nowrap}
.application-page .progress-line{height:7px;background:#ece9e2}
.application-page .progress-bar{border-radius:999px;background:linear-gradient(90deg,#9f7220,#d8b35c,#ecd591);box-shadow:0 0 16px rgba(200,154,61,.28)}

.application-page .step{position:relative;border-radius:22px;padding:34px 36px;margin-top:18px;border-color:var(--app-border);box-shadow:0 14px 44px rgba(17,24,39,.055);animation:stepReveal .34s ease both}
@keyframes stepReveal{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.step-heading{display:flex;align-items:flex-start;gap:15px;margin-bottom:24px}
.step-heading>div{min-width:0}
.step-number{flex:0 0 45px;width:45px;height:45px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(145deg,#f6ecd4,#fffaf0);border:1px solid #ead7a5;color:#8a621b;font-weight:900;font-size:.78rem;box-shadow:0 7px 17px rgba(155,112,31,.09)}
.application-page .step h2{font-size:clamp(1.35rem,2.2vw,1.8rem);line-height:1.2;letter-spacing:-.025em;margin:1px 0 6px}
.application-page .step-intro{font-size:.92rem;line-height:1.55;margin:0;color:var(--app-muted)}
.application-page .section-title{position:relative;margin:30px 0 15px;padding:0 0 10px 15px;border-bottom:1px solid #eee9df;font-size:.96rem;letter-spacing:.01em}
.application-page .section-title::before{content:"";position:absolute;left:0;top:3px;width:4px;height:18px;border-radius:5px;background:linear-gradient(#b7872d,#e0bf70)}
.application-page .grid{gap:17px}
.application-page .field label,.application-page .field-label{font-size:.82rem;color:#344054;margin-bottom:7px}
.application-page .field input:not([type="radio"]):not([type="checkbox"]),
.application-page .field select,.application-page .field textarea{
  border:1px solid #d9d6ce;border-radius:11px;padding:12px 13px;background:#fff;color:#101828;
  transition:border-color .18s,box-shadow .18s,transform .18s;
}
.application-page .field input:not([type="radio"]):not([type="checkbox"]){min-height:46px}
.application-page .field select{min-height:46px}
.application-page .field textarea{min-height:104px;line-height:1.5}
.application-page .field input:hover,.application-page .field select:hover,.application-page .field textarea:hover{border-color:#bbb5a8}
.application-page .field input:focus,.application-page .field select:focus,.application-page .field textarea:focus{border-color:#bd8d34;box-shadow:0 0 0 4px rgba(200,154,61,.13);background:#fff}
.application-page .field input.invalid,.application-page .field select.invalid,.application-page .field textarea.invalid{border-color:#d92d20;box-shadow:0 0 0 4px rgba(217,45,32,.10)}
.application-page input[type="file"]{padding:10px!important;background:#fbfaf7!important;border-style:dashed!important;cursor:pointer}
.application-page input[type="file"]::file-selector-button{border:0;border-radius:8px;padding:9px 12px;margin-right:10px;background:#1c2732;color:#fff;font-weight:750;cursor:pointer}
.application-page .choice-row{gap:9px}
.application-page .choice{position:relative;min-height:43px;border-radius:11px;padding:10px 13px;border-color:#dcd8cf;color:#475467;font-size:.86rem;font-weight:650;cursor:pointer;transition:.18s;user-select:none}
.application-page .choice:hover{border-color:#c9ab6c;background:#fffcf6}
.application-page .choice:has(input:checked){border-color:#c29339;background:#fff8e7;color:#725016;box-shadow:0 0 0 2px rgba(200,154,61,.10)}
.application-page .choice input{accent-color:#af7e26;width:17px;height:17px;flex:0 0 auto}
.application-page .notice{border-radius:13px;padding:15px 17px;background:linear-gradient(135deg,#fff9ea,#fffdf8);border-color:#e8d49e;color:#59451f;font-size:.88rem;line-height:1.55}
.application-page .notice.danger{background:#fff6f5;border-color:#f2c5c1;color:#7a271a}
.application-page .repeat-card{position:relative;border-radius:16px;padding:20px;margin:14px 0;background:linear-gradient(180deg,#fdfcf9,#faf9f6);border-color:#e3ded3;box-shadow:0 5px 16px rgba(17,24,39,.025)}
.application-page .repeat-head strong{font-size:.92rem}
.application-page .signature{height:170px;border-radius:14px;border:1.5px dashed #b9b1a3;background:linear-gradient(#fff,#fefdfb);box-shadow:inset 0 1px 8px rgba(17,24,39,.025)}
.application-page .signature-tools{margin-top:9px}
.application-page .help{display:flex;justify-content:flex-end;font-size:.75rem}
.application-page .review-box{border-radius:16px;padding:18px;background:#fcfbf8}
.application-page .kv{grid-template-columns:minmax(130px,220px) 1fr}
.application-page .step-actions{position:relative;align-items:center;margin:32px -36px -34px;padding:19px 36px;border-radius:0 0 22px 22px;background:#fbfaf7;border-top-color:#ebe7de}
.application-page .btn{border-radius:11px;min-height:43px;transition:transform .17s,box-shadow .17s,border-color .17s}
.application-page .btn:hover{transform:translateY(-1px)}
.application-page .btn.primary{min-width:145px;background:linear-gradient(135deg,#a97823,#d2aa50);box-shadow:0 9px 20px rgba(169,120,35,.22)}
.application-page .btn.primary:hover{box-shadow:0 12px 25px rgba(169,120,35,.30)}
.application-page .btn.light{border-color:#d9d4ca;color:#344054}
.application-page .btn:focus-visible,.step-nav-button:focus-visible{outline:3px solid rgba(200,154,61,.35);outline-offset:2px}
.application-page .btn:disabled{opacity:.65;cursor:not-allowed;transform:none}

.application-footer{display:flex;align-items:center;justify-content:center;gap:12px;padding:26px 20px;border-top:1px solid #e7e2d8;color:#667085;background:#fff;font-size:.78rem}
.application-footer img{width:46px;height:40px;object-fit:contain}
.application-footer p{margin:0}

@media(max-width:1100px){
  .application-layout{grid-template-columns:240px minmax(0,1fr)}
  .step-nav-label{font-size:.76rem}
  .application-page .step{padding:30px 28px}
  .application-page .step-actions{margin:30px -28px -30px;padding:18px 28px}
}
@media(max-width:900px){
  .application-page .form-shell{padding:20px 16px 58px}
  .application-hero{grid-template-columns:1fr 120px;min-height:0;padding:32px 30px;border-radius:22px}
  .hero-emblem{width:115px;height:115px}.hero-emblem img{width:105px;height:105px}
  .application-layout{display:block}
  .step-sidebar{position:static;margin-bottom:14px}
  .step-sidebar-card{padding:14px;border-radius:16px}
  .sidebar-heading{padding:0 3px 11px}
  .step-nav{display:flex;overflow-x:auto;scroll-snap-type:x proximity;gap:7px;margin:11px 0 0;padding-bottom:3px;scrollbar-width:none}
  .step-nav::-webkit-scrollbar{display:none}
  .step-nav-button{flex:0 0 auto;width:auto;min-width:54px;grid-template-columns:30px;padding:7px;scroll-snap-align:start}
  .step-nav-label,.step-nav-state{display:none}
  .privacy-card{display:none}
  .application-page .progress-wrap{top:88px}
}
@media(max-width:640px){
  .application-page .application-topbar{height:68px;padding:0 13px}
  .application-page .brand-mark{width:44px;height:44px;border-radius:12px}.application-page .brand-mark img{width:39px;height:39px}
  .application-page .brand-copy strong{font-size:.9rem}.application-page .brand-copy small{display:none}
  .application-page .secure-label{display:none}.application-page .hr-login{padding:8px 11px;font-size:.78rem;min-height:38px}
  .application-page .form-shell{padding:14px 10px 46px}
  .application-hero{display:block;padding:25px 21px;border-radius:18px;margin-bottom:14px}
  .application-hero h1{font-size:2rem}.application-hero p{font-size:.9rem;line-height:1.55}
  .hero-benefits{gap:7px;margin-top:18px}.hero-benefits span{font-size:.7rem;padding:7px 9px}
  .hero-emblem{display:none}
  .step-sidebar-card{padding:10px}.sidebar-heading{padding:2px 4px 9px}.step-nav{margin-top:8px}
  .application-page .progress-wrap{top:76px;padding:13px 14px;border-radius:14px}
  .progress-label{display:none}.progress-topline{margin-bottom:9px}.progress-topline strong{font-size:.87rem}.progress-count{font-size:.7rem;padding:5px 8px}
  .application-page .step{border-radius:17px;padding:22px 16px 20px;margin-top:12px}
  .step-heading{gap:11px;margin-bottom:20px}.step-number{flex-basis:39px;width:39px;height:39px;border-radius:12px}
  .application-page .step h2{font-size:1.32rem}.application-page .step-intro{font-size:.84rem}
  .application-page .section-title{margin-top:25px}
  .application-page .grid{display:block}.application-page .field{margin-bottom:14px}
  .application-page .choice-row{display:grid;grid-template-columns:1fr 1fr}.application-page .choice{width:100%;min-width:0}
  .application-page .choice-row>.choice:only-child{grid-column:1/-1}
  .application-page .step-actions{position:sticky;bottom:0;z-index:8;display:grid;grid-template-columns:1fr 1fr;flex-direction:row;margin:28px -16px -20px;padding:13px 16px calc(13px + env(safe-area-inset-bottom));border-radius:0 0 17px 17px;background:rgba(255,255,255,.96);backdrop-filter:blur(14px);box-shadow:0 -8px 24px rgba(17,24,39,.07)}
  .application-page .step-actions>span:empty{display:none}.application-page .step-actions>span:empty+.btn{grid-column:1/-1}
  .application-page .step-actions .btn{width:100%;min-width:0}
  .application-page .repeat-card{padding:16px 13px}.repeat-head{gap:8px}
  .application-page .kv{display:block}.application-page .kv dt{font-size:.75rem}.application-page .kv dd{margin-top:3px}
  .application-footer{align-items:flex-start;text-align:left}.application-footer img{width:38px;height:34px}
}
@media(max-width:390px){
  .application-page .choice-row{grid-template-columns:1fr}
  .application-page .step-actions{grid-template-columns:1fr}
  .application-page .step-actions .btn{grid-column:1}
  .hero-benefits span:last-child{display:none}
}
@media(prefers-reduced-motion:reduce){
  .application-page *{scroll-behavior:auto!important;animation:none!important;transition:none!important}
}