/* ============================================================
   SHARED CAREER PAGE BUTTONS AND FORMS. Same on every career page;
   only the colour changes (set from Header/forms-config.js).
   ============================================================ */
.spkf-ctas { display:flex; flex-wrap:wrap; align-items:stretch; gap:12px; }
.spkf-ctas:empty { min-height:52px; }
.spkf-cta { display:inline-flex; align-items:center; justify-content:center; gap:9px; min-height:52px; padding:0 24px; border-radius:12px; cursor:pointer; white-space:nowrap; text-decoration:none;
  font:700 15px/1.2 'Plus Jakarta Sans',system-ui,sans-serif !important; letter-spacing:0 !important; text-transform:none !important; transition:transform .15s ease,box-shadow .2s ease,border-color .2s ease,background .2s ease; }
.spkf-cta svg { width:17px; height:17px; flex:none; display:block; }
.spkf-cta--primary { color:var(--spkf-on,#fff) !important; background:var(--spkf-accent,#EF4444) !important; border:0 !important; box-shadow:0 10px 26px -10px var(--spkf-accent,#EF4444); }
.spkf-cta--primary:hover { transform:translateY(-1px); box-shadow:0 14px 30px -10px var(--spkf-accent,#EF4444); }
.spkf-cta--ghost { color:#fff !important; background:#0F1530 !important; border:1px solid #2A3358 !important; }
.spkf-cta--ghost svg { color:var(--spkf-accent,#EF4444); }
.spkf-cta--ghost:hover { border-color:var(--spkf-accent,#EF4444) !important; }

/* Mobile box with a fixed +91 that cannot be removed */
.spk-phone { position:relative; display:block; width:100%; }
.spk-phone > span { position:absolute; left:13px; top:50%; transform:translateY(-50%); font-weight:600; font-size:14.5px; line-height:1; color:inherit; opacity:.8; pointer-events:none; }
.spk-phone > input { padding-left:48px !important; width:100%; }

/* Form window */
html.spkf-open, html.spkf-open body { overflow:hidden !important; }
html.spkf-open .sp-overlay { display:none !important; }
.spkf-overlay { position:fixed; inset:0; z-index:100050; display:flex; align-items:center; justify-content:center; padding:16px; background:rgba(3,6,18,.82); backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); }
.spkf-box { width:100%; max-width:560px; max-height:calc(100dvh - 32px); display:flex; flex-direction:column; overflow:hidden; border-radius:20px; background:#0B1022; border:1px solid #27345A; box-shadow:0 30px 80px rgba(0,0,0,.7); color:#fff; font-family:'Plus Jakarta Sans',system-ui,sans-serif; }
.spkf-box *, .spkf-box *::before, .spkf-box *::after { box-sizing:border-box; }
.spkf-head { flex:none; display:flex; align-items:center; justify-content:space-between; gap:12px; padding:16px 20px; border-bottom:1px solid #27345A; }
.spkf-title { display:flex; align-items:center; gap:10px; min-width:0; }
.spkf-dot { flex:none; width:9px; height:9px; border-radius:50%; background:var(--spkf-accent,#EF4444); }
.spkf-title h3 { margin:0; font-size:17px; font-weight:700; line-height:1.25; color:#fff; letter-spacing:-.01em; }
.spkf-close { flex:none; width:34px; height:34px; display:grid; place-items:center; padding:0; border:0; border-radius:9px; background:transparent; color:#A7B0C8; cursor:pointer; }
.spkf-close:hover { background:#151E3A; color:#fff; }
.spkf-close svg { width:18px; height:18px; display:block; }
.spkf-body { padding:18px 20px 20px; overflow-y:auto; scrollbar-width:none; }
.spkf-body::-webkit-scrollbar { display:none; }

.spkf-fee { display:flex; align-items:center; justify-content:space-between; gap:14px; padding:13px 15px; margin-bottom:16px; border-radius:12px; background:#070B18; border:1px solid #27345A; }
.spkf-fee-k, .spkf-fee-r span { display:block; font-size:11.5px; font-weight:600; color:#A7B0C8; margin-bottom:2px; }
.spkf-fee-k { text-transform:uppercase; letter-spacing:.06em; color:var(--spkf-accent,#EF4444); font-family:'JetBrains Mono',ui-monospace,monospace; }
.spkf-fee b { display:block; font-size:15px; font-weight:700; color:#fff; }
.spkf-fee-r { text-align:right; flex:none; }
.spkf-fee-r strong { display:block; font-size:21px; font-weight:800; color:var(--spkf-accent,#EF4444); line-height:1.1; }

.spkf-h { margin:0 0 6px; font-size:16px; font-weight:700; line-height:1.3; color:#fff; }
.spkf-intro { margin:0 0 12px; font-size:13.5px; line-height:1.5; color:#A7B0C8; }
.spkf-list { padding:12px 14px; margin-bottom:14px; border-radius:12px; background:#070B18; border:1px solid #27345A; }
.spkf-list > span { display:block; margin-bottom:8px; font:600 11.5px 'JetBrains Mono',ui-monospace,monospace; letter-spacing:.05em; text-transform:uppercase; color:#A7B0C8; }
.spkf-list ul { list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:6px 14px; }
.spkf-list li { display:flex; gap:7px; align-items:flex-start; margin:0; font-size:13px; line-height:1.35; color:#E6E9F5; }
.spkf-list li svg { flex:none; width:14px; height:14px; margin-top:1px; color:var(--spkf-accent,#EF4444); }

.spkf-fields { display:flex; flex-wrap:wrap; gap:12px; }
.spkf-field { flex:1 1 100%; min-width:0; }
.spkf-field--half { flex:1 1 calc(50% - 6px); }
.spkf-field label { display:block; margin:0 0 5px; font-size:13px; font-weight:600; color:#C6CCDE; }
.spkf-req { color:var(--spkf-accent,#EF4444); }
.spkf-input { display:block; width:100%; height:46px; padding:0 13px; border-radius:11px; background:#070B18 !important; border:1px solid #27345A !important; color:#fff !important; font:500 14.5px 'Plus Jakarta Sans',system-ui,sans-serif; outline:none; box-shadow:none; }
.spkf-input::placeholder { color:#6F7893; }
.spkf-input:focus { border-color:var(--spkf-accent,#EF4444) !important; }
select.spkf-input { cursor:pointer; }
select.spkf-input option { color:#fff; background:#0B1022; }
.spkf-error { margin:10px 0 0; font-size:13px; font-weight:600; color:#FCA5A5; }
.spkf-submit { width:100%; margin-top:14px; }
.spkf-note { margin:9px 0 0; text-align:center; font-size:12px; color:#7C86A3; }
.spkf-form .spk-consent { margin:4px 0 0; font-size:11.5px; color:#7C86A3; opacity:1; }

.spkf-success { text-align:center; padding:18px 6px 8px; }
.spkf-tick { width:54px; height:54px; display:grid; place-items:center; margin:0 auto 12px; border-radius:50%; color:var(--spkf-accent,#EF4444); border:1px solid var(--spkf-accent,#EF4444); }
.spkf-tick svg { width:26px; height:26px; display:block; }
.spkf-success h4 { margin:0 0 7px; font-size:20px; font-weight:800; color:#fff; }
.spkf-success p { margin:0 auto 12px; max-width:420px; font-size:14px; line-height:1.55; color:#A7B0C8; }
.spkf-success .spkf-wa { color:#fff; font-weight:600; }
@media (max-width:640px) {
  .spkf-ctas { flex-direction:column; }
  .spkf-ctas:empty { min-height:116px; }
  .spkf-ctas .spkf-cta { width:100%; white-space:normal; text-align:center; }
  .spkf-field--half { flex-basis:100%; }
  .spkf-list ul { grid-template-columns:minmax(0,1fr); }
  .spkf-title h3 { font-size:15.5px; }
  .spkf-fee-r strong { font-size:19px; }
}
@media (prefers-reduced-motion:reduce) { .spkf-cta { transition:none; } .spkf-cta:hover { transform:none; } }