.vacancy-container{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;padding:50px 20px 20px}.vacancy-card{background-color:#ffffff;border:1px solid #e0e0e0;border-radius:12px;padding:20px;width:300px;box-shadow:0 4px 8px rgba(0,0,0,.1);transition:transform .2s,box-shadow .2s}.vacancy-card:hover{transform:translateY(-5px);box-shadow:0 6px 12px rgba(0,0,0,.15)}.vacancy-header{margin-bottom:15px}.vacancy-header h2{font-size:1.5em;margin:0;color:#333}.vacancy-header .department{font-size:.9em;color:#666;margin:5px 0 0}.vacancy-details{margin-bottom:15px}.vacancy-details p{margin:5px 0;font-size:.9em;color:#555}.description{margin-bottom:15px;font-size:.9em;color:#555}.apply-button{display:block;width:100%;padding:10px;background-color:#007bff;color:white;text-align:center;text-decoration:none;border-radius:8px;font-size:.9em;transition:background-color .2s}.apply-button:focus,.apply-button:hover{color:white}.apply-button:hover{background-color:#0056b3}.badge{display:inline-block;padding:.25em .4em;font-size:75%;font-weight:700;line-height:1;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25rem;margin-right:5px}.badge-active{background-color:#28a745;color:white}.badge-inactive{background-color:#dc3545;color:white}.badge-info{background-color:#17a2b8;color:white}