/* ═══════════════════════════════════════════
   METRO MANPOWER — FORMS & CONTACT PAGE STYLES
   Input groups, selects, file upload, submit states
   ═══════════════════════════════════════════ */
   CONTACT PAGE (standalone)
   ═══════════════════════════════════════════ */
.contact{width:100%;background:linear-gradient(180deg,#f5f7fb 0%,#ffffff 100%);padding:96px 0 108px}
.contact-grid{display:grid;grid-template-columns:minmax(340px,.88fr) minmax(0,1.12fr);gap:22px;align-items:stretch}
.contact-info{position:relative;padding:36px 32px;background:linear-gradient(180deg,rgba(4,13,30,.74) 0%,rgba(4,13,30,.88) 100%),url('https://images.unsplash.com/photo-1513828583688-c52646db42da?q=80&w=1400&auto=format&fit=crop') center/cover no-repeat;color:#fff;display:flex;flex-direction:column;overflow:hidden;min-height:100%;border-radius:20px}
.contact-info::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 18% 18%,rgba(255,255,255,.08) 0%,transparent 28%),linear-gradient(120deg,rgba(11,32,182,.10) 0%,rgba(11,32,182,0) 45%);pointer-events:none;border-radius:20px}
.contact-info>*{position:relative;z-index:2}
.contact-info h3{font-size:clamp(26px,2.2vw,40px);font-weight:600;letter-spacing:-.05em;line-height:1.04;margin-bottom:10px;max-width:480px}
.contact-info>p{color:rgba(255,255,255,.78);font-size:15px;line-height:1.72;margin-bottom:24px;max-width:470px}
.cm-methods{padding:8px 0 0;margin-top:4px;border-top:1px solid rgba(255,255,255,.08)}
.cm-link{display:flex;align-items:center;gap:14px;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.08);text-decoration:none;color:#fff;transition:transform .22s}
.cm-link:last-child{border-bottom:none}
.cm-link:hover{transform:translateX(4px)}
.cm-icon{width:44px;height:44px;flex:0 0 44px;display:flex;align-items:center;justify-content:center;border-radius:14px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.08);color:#fff;backdrop-filter:blur(10px)}
.cm-icon svg{width:18px;height:18px}
.cm-label{font-size:10px;color:rgba(255,255,255,.50);font-weight:700;letter-spacing:.10em;text-transform:uppercase;margin-bottom:3px}
.cm-value{font-size:14.5px;font-weight:700;color:#fff;letter-spacing:-.01em}
.ct-trust{margin-top:auto;padding-top:18px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.ct-trust>div{padding:10px 10px 8px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.08);backdrop-filter:blur(10px);border-radius:10px}
.ct-trust-n{display:block;color:#fff;font-size:20px;font-weight:700;line-height:1;letter-spacing:-.03em;margin-bottom:3px}
.ct-trust-l{display:block;font-size:9px;color:rgba(255,255,255,.60);font-weight:700;letter-spacing:.05em;text-transform:uppercase;line-height:1.35}
.contact-form{position:relative;padding:36px 34px;background:rgba(255,255,255,.82);border:1px solid rgba(11,18,32,.08);backdrop-filter:blur(14px);box-shadow:0 20px 44px rgba(11,18,32,.06);border-radius:20px}
.contact-form::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 92% 10%,rgba(11,32,182,.04) 0%,transparent 28%);border-radius:20px}
.contact-form>*{position:relative;z-index:2}
.contact-form h3{font-size:clamp(24px,1.8vw,34px);font-weight:600;letter-spacing:-.04em;margin-bottom:8px;color:var(--dark)}
.contact-form>p{color:var(--body);font-size:14px;line-height:1.72;margin-bottom:24px;max-width:620px}
.fg{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.fg-full{grid-column:1/-1}
.fg-grp{display:flex;flex-direction:column;gap:5px}
.fg-lbl{font-size:11px;font-weight:700;color:var(--dark);letter-spacing:.02em}
.fg-inp,.fg-sel,.fg-ta{width:100%;min-height:50px;padding:0 18px;background:rgba(246,248,252,.96);border:1.5px solid rgba(11,18,32,.08);color:var(--dark);font-family:var(--font);font-size:14px;font-weight:500;transition:border-color .22s,background .22s,box-shadow .22s;outline:none;border-radius:26px}
.fg-ta{min-height:100px;padding:14px 18px;resize:vertical;border-radius:20px}
.fg-inp:focus,.fg-sel:focus,.fg-ta:focus{border-color:rgba(11,32,182,.24);background:#fff;box-shadow:0 0 0 4px rgba(11,32,182,.06)}
.fg-inp::placeholder{color:var(--muted);font-size:13px}
.fg-file{position:relative;display:flex;align-items:center;gap:14px;padding:16px 18px;background:rgba(246,248,252,.96);border:1.5px dashed rgba(11,18,32,.12);border-radius:20px;cursor:pointer;transition:border-color .22s,background .22s}
.fg-file:hover{border-color:rgba(11,32,182,.24);background:#fff}
.fg-file input{position:absolute;inset:0;opacity:0;cursor:pointer}
.fg-file-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:rgba(11,32,182,.06);border-radius:50%;color:var(--blue);flex-shrink:0}
.fg-file-icon svg{width:17px;height:17px}
.fg-file-text{font-size:13px;color:var(--body);font-weight:500;line-height:1.5}
.fg-file-text strong{color:var(--blue);font-weight:700}
.fg-submit{margin-top:6px}
.fg-submit .btn-p{width:100%;min-height:54px;font-size:15px;border-radius:999px;box-shadow:0 14px 28px rgba(11,32,182,.16)}
@media(max-width:991px){.contact{padding:72px 0 80px}.contact-grid{grid-template-columns:1fr}.contact-info,.contact-form{padding:28px 22px}}
@media(max-width:767px){.contact{padding:52px 0 60px}.contact-info,.contact-form{padding:22px 16px}.contact-info h3{font-size:28px}.contact-info>p{font-size:14px;margin-bottom:18px}.fg{grid-template-columns:1fr;gap:12px}.ct-trust{grid-template-columns:1fr 1fr 1fr;gap:6px}.ct-trust>div{padding:8px}.ct-trust-n{font-size:18px}.ct-trust-l{font-size:8.5px}.cm-icon{width:40px;height:40px;border-radius:12px}.fg-inp,.fg-sel,.fg-ta{min-height:46px;border-radius:22px;font-size:13px}.fg-ta{border-radius:16px}.fg-file{padding:12px;border-radius:16px}.fg-submit .btn-p{min-height:50px;font-size:14px}}

/* Submission status indicator (inline feedback) */
.fg-status{margin-top:12px;font-size:13px;font-weight:600;min-height:18px;color:var(--muted)}
.fg-status.fg-ok{color:#138a36}
.fg-status.fg-err{color:#c5321a}
.fg-honeypot{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden;opacity:0;pointer-events:none}
button[type=submit]:disabled{opacity:.6;cursor:not-allowed}