.hr-page{display:grid;grid-template-columns:1fr 1.15fr;gap:40px;max-width:1100px;margin:auto}.hr-intro{padding-top:24px}.hr-intro h1{font-size:2.2rem}.hr-intro p,.hr-intro li{line-height:2}.hr-intro ol{padding-inline-start:24px}.hr-kicker{color:#0d9488;font-weight:800;letter-spacing:.15em}.hr-form-box{padding:28px;border:1px solid #dce5ed;border-radius:24px;background:var(--surface,#fff);box-shadow:0 16px 40px #172b4d0a}.hr-form-box form{display:grid;gap:18px}.hr-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}.hr-form-box label{display:grid;gap:7px}.hr-form-box .field{width:100%;box-sizing:border-box;min-height:44px}.hr-dates{border:1px solid #dce5ed;border-radius:16px;padding:16px}.hr-dates p{font-size:.85rem;margin-top:0}.hr-date-row{display:flex;gap:8px;margin-bottom:10px;align-items:center}.hr-date-row .field{flex:1;min-width:0}.hr-date-row .btn{flex:none}.hr-error{color:#b91c1c;background:#fff1f2;padding:12px;border-radius:12px}.hr-success{line-height:2}.hr-success bdi{font-size:.8rem;overflow-wrap:anywhere;color:#0d9488}@media(max-width:720px){.hr-page{grid-template-columns:1fr;gap:18px}.hr-fields{grid-template-columns:1fr}.hr-form-box{padding:20px}.hr-intro{padding-top:0}}
.hr-date-row>.jdp-wrap{flex:1;min-width:0}
.hr-page{gap:32px;padding-block:48px}.hr-intro h1{font-size:2.6rem;letter-spacing:-.04em;margin:18px 0;color:#172554}.hr-kicker{display:inline-flex;border:1px solid #bfdbfe;border-radius:10px;background:#eff6ff;color:#1d4ed8;padding:7px 12px;font-size:11px}.hr-intro>.hr-process{list-style:none;padding:0;display:grid;gap:14px;margin:28px 0}.hr-process li{display:flex;align-items:center;gap:14px;padding:18px;border:1px solid #dbeafe;border-radius:18px;background:linear-gradient(120deg,#fff,#f5f8ff);box-shadow:0 5px 16px #0f172a04}.hr-process strong{font-size:14px;color:#172554}.hr-process p{font-size:12px;margin:5px 0 0;color:#64748b;line-height:1.9}.hr-process li>i{margin-inline-start:auto;color:#2563eb;font-size:18px}.hr-step-number{display:grid;place-items:center;width:38px;height:38px;flex:none;border-radius:13px;background:linear-gradient(140deg,#2563eb,#4f46e5);color:#fff;font-size:16px;font-weight:800;box-shadow:0 6px 14px #2563eb20}.hr-form-box{background:linear-gradient(150deg,#fff,#f8fbff);border-color:#dbeafe;box-shadow:0 20px 55px #1e3a8a0b;padding:30px;border-radius:26px}.hr-form-heading{display:flex;align-items:center;gap:14px;margin-bottom:24px}.hr-form-heading>span{display:grid;place-items:center;width:50px;height:50px;flex:none;border-radius:16px;background:#eff6ff;color:#2563eb;font-size:23px}.hr-form-heading small{font-size:11px;color:#64748b}.hr-form-heading h2{font-size:20px;margin:5px 0;color:#172554}.hr-section-title{display:flex;align-items:center;gap:9px;font-size:13px;font-weight:800;margin:0}.hr-section-title>span,.hr-section-number{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:8px;background:#dbeafe;color:#1d4ed8;font-size:12px}.hr-form-box label{font-size:13px;color:#334155}.hr-form-box .field{border-radius:12px;background:#fff;border-color:#d9e3ef;min-height:46px}.hr-form-box .field:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb15}.hr-dates{background:#f5f8ff;border-color:#dbeafe;padding:18px}.hr-dates legend{font-size:13px;font-weight:800;padding:0 8px}.hr-form-box .btn{border-radius:12px;min-height:38px}.hr-form-box button[type=submit]{width:100%;min-height:46px}.hr-success{padding:20px;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:18px}.hr-form-box [data-hr-remove]{width:36px;min-width:36px;padding:0}@media(max-width:720px){.hr-page{padding-block:24px}.hr-intro h1{font-size:2rem}.hr-process li{padding:14px}.hr-form-box{padding:20px}}[data-theme=dark] .hr-page :is(.hr-form-box,.hr-process li,.hr-dates){background:#17243b;border-color:#334155}[data-theme=dark] .hr-page :is(h1,h2,strong,label){color:#e2e8f0}[data-theme=dark] .hr-page .field{background:#1e293b;border-color:#334155;color:#fff}