.job-details-container{max-width:1200px;margin:0 auto;padding:40px 20px}.job-details-header{color:#fff;background-color:#003f87;border-radius:8px 8px 0 0;align-items:center;gap:20px;margin-bottom:0;padding:20px 30px;display:flex}.back-button{cursor:pointer;background-color:#003f87;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:background-color .3s;display:flex}.back-button:hover{background-color:#002d61}.job-details-header h2{margin:0;font-size:24px;font-weight:600}.job-info-card{background-color:#f5f5f5;margin-bottom:40px;padding:30px}.job-info-header{align-items:flex-start;gap:20px;margin-bottom:30px;display:flex}.briefcase-icon{color:#333;background-color:#fff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:60px;height:60px;display:flex}.job-title-wrapper{flex:1}.job-title-wrapper h3{color:#333;margin:0 0 8px;font-size:24px;font-weight:600}.job-meta{color:#666;align-items:center;gap:8px;font-size:14px;display:flex}.job-description h4{color:#333;margin:0 0 15px;font-size:18px;font-weight:600}.job-description p{color:#555;text-align:justify;margin:0;font-size:14px;line-height:1.8}.application-form-container{background-color:#fff;border-radius:8px;padding:40px;box-shadow:0 2px 10px #0000000d}.form-title{text-align:center;color:#003f87;margin:0 0 30px;font-size:24px;font-weight:600}.application-form{max-width:900px;margin:0 auto}.form-row{grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px;display:grid}.form-group{flex-direction:column;display:flex}.form-group.full-width{grid-column:1/2}.form-group.cv-upload{grid-area:span 1/2/auto/3}.form-group label{color:#333;margin-bottom:8px;font-size:14px;font-weight:500}.form-group input,.form-group select,.form-group textarea{background-color:#f9f9f9;border:1px solid #e0e0e0;border-radius:4px;padding:12px 15px;font-family:inherit;font-size:14px;transition:all .3s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{background-color:#fff;border-color:#003f87;outline:none}.form-group select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23333' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-position:right 15px center;background-repeat:no-repeat;padding-right:40px}.form-group textarea{resize:vertical;min-height:100px}.input-with-icon{background-color:#f9f9f9;border:1px solid #e0e0e0;border-radius:4px;align-items:center;gap:10px;padding-right:15px;transition:all .3s;display:flex;position:relative}.input-with-icon:focus-within{background-color:#fff;border-color:#003f87}.input-with-icon input{background:0 0;border:none;outline:none;flex:1;padding:12px 15px}.input-with-icon textarea{resize:vertical;background:0 0;border:none;outline:none;flex:1;min-height:100px;padding:12px 15px}.attach-icon{color:#666;cursor:pointer;border-left:1px solid #e0e0e0;flex-shrink:0;justify-content:center;align-items:center;padding-left:10px;transition:color .3s;display:flex}.attach-icon:hover{color:#003f87}.upload-box{flex-direction:column;justify-content:center;height:100%;min-height:180px;display:flex}.upload-box input[type=file]{display:none}.upload-box label{text-align:center;cursor:pointer;background-color:#fafafa;border:2px dashed #ccc;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:15px;min-height:180px;padding:30px 20px;transition:all .3s;display:flex}.upload-box label:hover{background-color:#f5f8ff;border-color:#003f87}.upload-icon{color:#666}.upload-text{flex-direction:column;gap:5px;display:flex}.upload-title{color:#333;margin:0;font-size:14px;font-weight:500}.upload-subtitle{color:#999;margin:0;font-size:12px}.file-name{color:#003f87;text-align:center;margin-top:10px;font-size:12px}.submit-button{color:#fff;cursor:pointer;background-color:#04c;border:none;border-radius:6px;width:200px;margin:30px auto 0;padding:14px 30px;font-size:16px;font-weight:600;transition:all .3s;display:block}.submit-button:hover{background-color:#039;transform:translateY(-2px);box-shadow:0 4px 12px #0044cc4d}.submit-button:active{transform:translateY(0)}@media (max-width:768px){.job-details-container{padding:20px 15px}.job-details-header{padding:15px 20px}.job-details-header h2{font-size:18px}.job-info-card{padding:20px}.job-info-header{text-align:center;flex-direction:column;align-items:center}.job-title-wrapper h3{font-size:20px}.job-meta{justify-content:center}.application-form-container{padding:25px 20px}.form-title{font-size:20px}.form-row{grid-template-columns:1fr}.form-group.full-width{grid-column:1}.form-group.cv-upload{grid-area:auto/1}.upload-box{min-height:150px}.upload-box label{min-height:150px;padding:20px 15px}}@media (max-width:480px){.job-details-header h2{font-size:16px}.briefcase-icon{width:50px;height:50px}.briefcase-icon svg{width:24px;height:24px}.job-title-wrapper h3{font-size:18px}.job-description p{font-size:13px}.submit-button{width:100%}}
