/* ==== Rəng sxemi, font və fon ==== */
:root {
    --primary-color:#2563eb;
    --secondary-color:#3b82f6;
    --success-color:#059669;
    --background-gradient:linear-gradient(135deg,#e0f2fe 0%,#f8fafc 60%);
    --text-color:#1e293b;
    --border-radius:16px;
}

body{
    background:var(--background-gradient);
    color:var(--text-color);
    font-family:'Inter',system-ui,-apple-system,sans-serif;
}

/* ==== Logo ==== */
.logo{
    max-width:160px;
    height:auto;
}

/* ==== Form qutusu ==== */
.form-container{
    max-width:860px;
    margin:3rem auto;
    padding:2.5rem 3rem;
    background:#fff;
    border-radius:var(--border-radius);
    box-shadow:0 8px 24px -4px rgba(0,0,0,.12);
}

.edu-card {
    border: 1.5px solid #e2e8f0;
    background: #f9fafb;
    transition: box-shadow 0.2s;
    position: relative;
}
.edu-card:hover {
    box-shadow: 0 4px 16px 0 rgba(37,99,235,0.09);
    border-color: #2563eb44;
}
.btn-circle {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    padding: 0;
    text-align: center;
    font-size: 1.2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
}
@media (max-width: 768px) {
    .edu-card { padding: 1rem; }
}

.invalid-feedback{
    color:#dc3545;
    font-size:0.875rem;
    margin-top:4px;
}
.is-invalid{
    border-color:#dc3545!important;
}

#previewContent .border {
    background: #fcfcfd;
    margin-bottom: 1rem;
}
#previewContent h5 {
    color: #2563eb;
    font-weight: 600;
}
#previewContent ul {
    padding-left: 1.5rem;
}

.form-select, .form-control { min-height: 40px; }

/* ==== Qalan mövcud stillər (yenilənməyib) ==== */
.form-header{text-align:left;margin-bottom:2rem}


.vacancy-title{
    font-weight:600;
    font-size:1.1rem;
}





@media (max-width: 575.98px){
    .form-header{flex-direction:column;align-items:flex-start}
}

.progress{
    height:6px;background:#e2e8f0;border-radius:100px;margin-bottom:3rem;overflow:hidden
}
.progress-bar{background:var(--primary-color);transition:width .4s ease-in-out}

.step-indicator{display:flex;justify-content:space-between;margin-bottom:3rem;position:relative}
.step-circle{
    width:40px;height:40px;border-radius:50%;background:#e2e8f0;display:flex;
    align-items:center;justify-content:center;font-weight:600;color:#64748b;z-index:1;
    transition:.3s
}
.step-circle.active{background:var(--primary-color);color:#fff;transform:scale(1.1)}
.step-circle.completed{background:var(--success-color);color:#fff}
.step-line{position:absolute;top:50%;left:0;right:0;height:2px;background:#e2e8f0;z-index:0;transform:translateY(-50%)}
.step-line.completed{background:var(--success-color)}

.form-step{display:none;animation:fadeIn .4s}
.form-step.active{display:block}

.form-control,.form-select{border:1px solid #e2e8f0;border-radius:12px;padding:.65rem 1rem}
.form-control:focus,.form-select:focus{
    border-color:var(--primary-color);box-shadow:0 0 0 3px rgb(37 99 235/0.12)
}
.form-control.is-invalid,.form-select.is-invalid{border-color:#ef4444}

.btn{padding:.65rem 1.5rem;border-radius:12px;font-weight:600}
.btn-primary{background:var(--primary-color);border:none}
.btn-primary:hover{background:var(--secondary-color)}
.btn-secondary{background:#e2e8f0;border:none;color:#475569}
.btn-secondary:hover{background:#cbd5e1;color:#1e293b}
.btn-success{background:var(--success-color);border:none}
.btn-success:hover{background:#047857}

.file-upload{
    border:2px dashed #e2e8f0;border-radius:var(--border-radius);padding:2rem;
    text-align:center;cursor:pointer;transition:.2s
}
.file-upload.dragging,.file-upload:hover{border-color:var(--primary-color);background:rgba(37,99,235,.05)}

@keyframes fadeIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}