.container{max-width:1100px;margin:0 auto;padding:0 16px}.career-wrap{background:#fcfaf6;min-height:calc(100vh - 160px);padding:24px 0}.career-card{background:#faf8f1;border:1px solid #eeaa2e;border-radius:10px;padding:26px;box-shadow:0 2px 14px #b48c5a1f}.career-title{text-align:center;color:#6b3f1e;margin:6px 0 18px;font-size:24px;font-weight:700}.career-form{direction:rtl;grid-template-columns:1fr 1fr;gap:18px;display:grid}.career-form .field{direction:ltr}.label{color:#744225;margin-bottom:8px;font-weight:500;display:block}.req{color:#6b3f1e}.field input{color:#6b3f1e;background:#fff2df;border:1px solid #eeaa2e;border-radius:8px;width:100%;height:44px;padding:0 12px}.field input::placeholder{color:#b98a5a}.field select{color:#6b3f1e;background:#fff2df;border:1px solid #eeaa2e;border-radius:8px;width:100%;height:44px;padding:0 12px}.field select option{color:#b98a5a}.phone{direction:ltr;align-items:center;gap:8px;display:flex}.flag{color:#6b3f1e;background:#fff2df;border:1px solid #e1c79f;border-radius:8px;justify-content:center;align-items:center;height:44px;padding:0 10px;display:inline-flex}.phone input{flex:1}.upload-row{direction:ltr;align-items:center;gap:12px;display:flex}.upload-box{cursor:pointer;color:#6b3f1e;background:#fff2df;border:1px solid #eeaa2e;border-radius:8px;align-items:center;gap:10px;height:44px;padding:0 16px;display:inline-flex}.upload-box input{display:none}.upl-ic{font-size:16px}.upload-hint{color:#7b6147;font-size:12px}.form-actions{direction:ltr;grid-column:1/-1;justify-content:center;margin-top:6px;display:flex}.submit-btn{color:#fff;cursor:pointer;background:#a75900;border:none;border-radius:5px;width:300px;height:44px;padding:0 36px;font-weight:700;box-shadow:0 4px 12px #7a4a2240}.submit-btn:hover{background:#8a592f}.error-msg{color:#dc3545;margin-top:4px;font-size:12px;display:block}.field input.error,.field select.error{background-color:#fff5f5;border-color:#dc3545}.field input.error:focus,.field select.error:focus{border-color:#dc3545;box-shadow:0 0 0 2px #dc354540}.fields-container{grid-column:2}.specify-field-left{grid-area:3/1}.specify-field-left .label{margin-top:0;margin-bottom:8px}.specify-field-left input{color:#6b3f1e;background:#fff2df;border:1px solid #eeaa2e;border-radius:8px;width:100%;height:44px;padding:0 12px}.specify-field-left input::placeholder{color:#b98a5a}.flag-select{position:relative}.flag-btn{color:#6b3f1e;cursor:not-allowed;background:#fff2df;border:1px solid #eeaa2e;border-radius:8px;align-items:center;gap:6px;height:44px;padding:0 8px;display:inline-flex}.flag-img{-o-object-fit:cover;object-fit:cover;border-radius:2px;width:22px;height:16px;box-shadow:0 0 0 1px #0000000d}.caret{opacity:.7}.flag-list{z-index:10;background:#fff;border:1px solid #e1c79f;border-radius:8px;min-width:220px;max-height:240px;position:absolute;top:48px;left:0;overflow:auto;box-shadow:0 8px 18px #0000001f}.flag-option{color:#6b3f1e;text-align:left;cursor:pointer;background:#fff;border:none;align-items:center;gap:10px;width:100%;padding:8px 10px;display:flex}.flag-option:hover{background:#fff6ea}.opt-label{flex:1}.opt-dial{color:#6b3f1e;font-weight:700}@media (max-width:900px){.career-form{direction:ltr;grid-template-columns:1fr}.career-form .field{direction:ltr}.fields-container{grid-column:1}.specify-field-left{grid-area:auto/1}}@media (max-width:480px){.career-card{padding:18px}.career-title{font-size:20px}}@media (max-width:425px){.container{padding:0 12px}.career-card{padding:16px}.career-form{gap:14px}.phone{gap:6px}.flag-btn{height:40px;padding:0 6px}.field input{height:40px}.upload-row{flex-wrap:wrap;gap:8px}.upload-hint,.submit-btn{width:100%}.flag-list{min-width:180px;max-width:90vw}.flag-img{width:20px;height:14px}}@media (max-width:375px){.container{padding:0 10px}.career-title{font-size:18px}.flag-img{width:18px;height:12px}.upload-box{padding:0 12px}.flag-btn{gap:4px;padding:0 4px}.flag-list{min-width:160px}}@media (max-width:320px){.container{padding:0 8px}.career-card{padding:12px}.career-form{gap:12px}.flag-btn{height:36px;padding:0 4px}.field input{height:36px}.opt-label,.opt-dial{font-size:12px}.flag-list{min-width:140px}.flag-img{width:16px;height:10px}.container-site h2{font-size:16px}}@media (max-width:280px){.container{padding:0 6px}.career-card{padding:10px}.career-title{font-size:16px}.flag-btn{height:32px;padding:0 3px}.field input{height:32px;padding:0 8px}.flag-list{min-width:120px}.flag-img{width:14px;height:8px}}
