.static_page .item-post h1.post-title {display:none;}
/* CSS khusus untuk halaman karir */
.starship-career-container {
width: 100%;
max-width: 1200px;
margin: 0 auto;
padding: 0 20px;
}

.starship-career-hero {
background: linear-gradient(rgba(26, 86, 219, 0.9), rgba(30, 58, 138, 0.9)), url(‘https://images.unsplash.com/photo-1523050854058-8df90110c9f1?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1200&q=80’);
background-size: cover;
background-position: center;
color: white;
text-align: center;
padding: 5rem 1rem;
margin-bottom: 3rem;
border-radius: 0 0 12px 12px;
}

.starship-career-hero h1 {
font-family: ‘Montserrat’, sans-serif;
font-size: 3rem;
margin-bottom: 1rem;
}

.starship-career-hero p {
font-size: 1.2rem;
max-width: 700px;
margin: 0 auto 2rem;
}

.starship-career-section-title {
font-family: ‘Montserrat’, sans-serif;
text-align: center;
margin-bottom: 3rem;
color: #1e3a8a;
}

.starship-career-section-title h2 {
font-size: 2.5rem;
margin-bottom: 0.5rem;
}

.starship-career-section-title p {
color: #6b7280;
max-width: 600px;
margin: 0 auto;
}

.starship-career-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
gap: 2rem;
margin-bottom: 4rem;
}

.starship-career-card {
background: white;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 6px 15px rgba(0, 0, 0, 0.08);
transition: transform 0.3s, box-shadow 0.3s;
border: 1px solid #e5e7eb;
}

.starship-career-card:hover {
transform: translateY(-10px);
box-shadow: 0 12px 20px rgba(0, 0, 0, 0.12);
}

.starship-career-image {
height: 200px;
overflow: hidden;
}

.starship-career-image img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.5s;
}

.starship-career-card:hover .starship-career-image img {
transform: scale(1.05);
}

.starship-career-content {
padding: 1.8rem;
}

.starship-career-content h3 {
font-family: ‘Montserrat’, sans-serif;
font-size: 1.5rem;
margin-bottom: 0.8rem;
color: #1e3a8a;
}

.starship-career-position-type {
display: inline-block;
background-color: #e0f2fe;
color: #1a56db;
padding: 0.3rem 0.8rem;
border-radius: 20px;
font-size: 0.85rem;
font-weight: 600;
margin-bottom: 1rem;
}

.starship-career-compensation {
color: #f59e0b;
font-weight: 600;
margin-bottom: 1.2rem;
font-size: 1.1rem;
}

.starship-career-description {
color: #6b7280;
margin-bottom: 1.5rem;
}

.starship-career-apply-btn {
background-color: #1a56db;
color: white;
border: none;
padding: 0.8rem 1.5rem;
border-radius: 6px;
font-weight: 600;
cursor: pointer;
width: 100%;
transition: background-color 0.3s;
font-family: ‘Poppins’, sans-serif;
font-size: 1rem;
}

.starship-career-apply-btn:hover {
background-color: #1e3a8a;
}

/* Modal Styles */
.starship-career-modal-overlay {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0, 0, 0, 0.7);
display: flex;
justify-content: center;
align-items: center;
z-index: 9999;
opacity: 0;
visibility: hidden;
transition: all 0.3s ease;
}

.starship-career-modal-overlay.active {
opacity: 1;
visibility: visible;
}

.starship-career-modal {
background-color: white;
border-radius: 12px;
width: 90%;
max-width: 500px;
max-height: 90vh;
overflow-y: auto;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
transform: translateY(-20px);
transition: transform 0.3s ease;
}

.starship-career-modal-overlay.active .starship-career-modal {
transform: translateY(0);
}

.starship-career-modal-header {
background: linear-gradient(to right, #1a56db, #1e3a8a);
color: white;
padding: 1.5rem;
border-top-left-radius: 12px;
border-top-right-radius: 12px;
display: flex;
justify-content: space-between;
align-items: center;
}

.starship-career-modal-header h3 {
font-family: ‘Montserrat’, sans-serif;
font-size: 1.5rem;
}

.starship-career-close-modal {
background: none;
border: none;
color: white;
font-size: 1.5rem;
cursor: pointer;
line-height: 1;
}

.starship-career-modal-body {
padding: 1.5rem;
}

.starship-career-form-group {
margin-bottom: 1.5rem;
}

.starship-career-form-group label {
display: block;
margin-bottom: 0.5rem;
font-weight: 500;
color: #1f2937;
}

.starship-career-form-group input,
.starship-career-form-group textarea {
width: 100%;
padding: 0.8rem;
border: 1px solid #e5e7eb;
border-radius: 6px;
font-family: ‘Poppins’, sans-serif;
font-size: 1rem;
}

.starship-career-form-group input:focus,
.starship-career-form-group textarea:focus {
outline: none;
border-color: #1a56db;
box-shadow: 0 0 0 3px rgba(26, 86, 219, 0.1);
}

.starship-career-file-upload-wrapper {
position: relative;
overflow: hidden;
display: inline-block;
width: 100%;
}

.starship-career-file-upload-btn {
background-color: #e0f2fe;
color: #1a56db;
padding: 0.8rem 1.5rem;
border-radius: 6px;
font-weight: 500;
cursor: pointer;
display: flex;
align-items: center;
gap: 0.5rem;
width: 100%;
justify-content: center;
border: 1px dashed #1a56db;
}

.starship-career-file-upload-wrapper input[type=file] {
position: absolute;
left: 0;
top: 0;
opacity: 0;
width: 100%;
height: 100%;
cursor: pointer;
}

.starship-career-selected-file {
margin-top: 0.5rem;
font-size: 0.9rem;
color: #6b7280;
}

.starship-career-submit-btn {
background-color: #1a56db;
color: white;
border: none;
padding: 1rem 1.5rem;
border-radius: 6px;
font-weight: 600;
cursor: pointer;
width: 100%;
font-size: 1rem;
transition: background-color 0.3s;
font-family: ‘Poppins’, sans-serif;
}

.starship-career-submit-btn:hover {
background-color: #1e3a8a;
}

.starship-career-submit-btn:disabled {
background-color: #9ca3af;
cursor: not-allowed;
}

/* Success Message */
.starship-career-success-message {
text-align: center;
padding: 3rem 1.5rem;
}

.starship-career-success-icon {
font-size: 4rem;
color: #10b981;
margin-bottom: 1.5rem;
}

.starship-career-success-message h3 {
font-family: ‘Montserrat’, sans-serif;
font-size: 1.8rem;
margin-bottom: 1rem;
color: #1e3a8a;
}

.starship-career-success-message p {
color: #6b7280;
margin-bottom: 1.5rem;
}

.starship-career-close-success-btn {
background-color: #1a56db;
color: white;
border: none;
padding: 0.8rem 1.5rem;
border-radius: 6px;
font-weight: 600;
cursor: pointer;
margin-top: 1rem;
}

/* Responsive Styles */
@media (max-width: 768px) {
.starship-career-hero h1 {
font-size: 2.2rem;
}

.starship-career-section-title h2 {
font-size: 2rem;
}

.starship-career-grid {
grid-template-columns: 1fr;
}
}

/* Reset untuk memastikan tidak ada konflik */
.starship-career-page * {
box-sizing: border-box;
font-family: ‘Poppins’, sans-serif;
}

.starship-career-page {
color: #1f2937;
background-color: #f8fafc;
line-height: 1.6;
}

Join Our Mission to Transform Education

At Starship Education, we’re looking for passionate educators and mentors to help students reach their full potential. Join our team of dedicated professionals and make a difference in students’ lives.

Current Open Positions

We’re looking for talented individuals to join our growing team. All positions are freelance with flexible working hours.

Freelance Education Counselor

Freelance • Remote

Commission based up to 10jt/student

Guide students through their educational journey, helping them select the right programs and institutions. Provide expert advice on academic pathways and career opportunities.

Quick Apply

Freelance Scholarship Mentor

Freelance • Remote

Competitive Project-based Fee

Help students identify and apply for scholarships. Provide guidance on application strategies, essay writing, and interview preparation to maximize their chances of success.

Quick Apply

Freelance IELTS Teacher

Freelance • Remote

Hourly Rate + Performance Bonus

Teach IELTS preparation courses to students aiming to study abroad. Focus on all four language skills: reading, writing, listening, and speaking.

Quick Apply

// Application modal functionality
const starshipCareerApplyButtons = document.querySelectorAll(‘.starship-career-apply-btn’);
const starshipCareerModal = document.getElementById(‘starshipCareerModal’);
const starshipCareerCloseModalBtn = document.getElementById(‘starshipCareerCloseModal’);
const starshipCareerPositionTitle = document.getElementById(‘starshipCareerPositionTitle’);
const starshipCareerAppliedPosition = document.getElementById(‘starshipCareerAppliedPosition’);
const starshipCareerApplicationForm = document.getElementById(‘starshipCareerApplicationForm’);
const starshipCareerCVInput = document.getElementById(‘starshipCareerCV’);
const starshipCareerSelectedFile = document.getElementById(‘starshipCareerSelectedFile’);
const starshipCareerSuccessModal = document.getElementById(‘starshipCareerSuccessModal’);
const starshipCareerCloseSuccessBtn = document.getElementById(‘starshipCareerCloseSuccessBtn’);
const starshipCareerSuccessPosition = document.getElementById(‘starshipCareerSuccessPosition’);
const starshipCareerSubmitBtn = document.getElementById(‘starshipCareerSubmitBtn’);

// Open modal when apply button is clicked
starshipCareerApplyButtons.forEach(button => {
button.addEventListener(‘click’, function() {
const position = this.getAttribute(‘data-position’);
starshipCareerPositionTitle.textContent = position;
starshipCareerAppliedPosition.value = position;
starshipCareerModal.classList.add(‘active’);
document.body.style.overflow = ‘hidden’;
});
});

// Close modal
starshipCareerCloseModalBtn.addEventListener(‘click’, function() {
starshipCareerModal.classList.remove(‘active’);
document.body.style.overflow = ‘auto’;
});

// Close modal when clicking outside
starshipCareerModal.addEventListener(‘click’, function(e) {
if (e.target === starshipCareerModal) {
starshipCareerModal.classList.remove(‘active’);
document.body.style.overflow = ‘auto’;
}
});

// File upload display
starshipCareerCVInput.addEventListener(‘change’, function() {
if (this.files.length > 0) {
starshipCareerSelectedFile.textContent = this.files[0].name;
} else {
starshipCareerSelectedFile.textContent = ‘No file chosen’;
}
});

// Form submission
starshipCareerApplicationForm.addEventListener(‘submit’, function(e) {
e.preventDefault();

// Disable submit button to prevent multiple submissions
starshipCareerSubmitBtn.disabled = true;
starshipCareerSubmitBtn.textContent = ‘Submitting…’;

// Get form data
const formData = new FormData(this);
const position = formData.get(‘appliedPosition’);

// Simulate API call delay
setTimeout(() => {
// Show success message
starshipCareerSuccessPosition.textContent = position;
starshipCareerModal.classList.remove(‘active’);
starshipCareerSuccessModal.classList.add(‘active’);

// Reset form
starshipCareerApplicationForm.reset();
starshipCareerSelectedFile.textContent = ‘No file chosen’;
starshipCareerSubmitBtn.disabled = false;
starshipCareerSubmitBtn.textContent = ‘Submit Application’;

// In a real implementation, this data would be sent to a server
console.log(‘=== Application Data to be sent to info@starshipeducation.com ===’);
console.log(‘Position:’, position);
console.log(‘Full Name:’, formData.get(‘fullName’));
console.log(‘Email:’, formData.get(’email’));
console.log(‘WhatsApp:’, formData.get(‘whatsapp’));
console.log(‘CV file:’, starshipCareerCVInput.files[0] ? starshipCareerCVInput.files[0].name : ‘No file’);
console.log(‘Cover Letter:’, formData.get(‘message’));
console.log(‘==========================================’);

// Simulate email sending (in production, this would be an actual API call)
// Example using EmailJS (you would need to set up an account):
/*
emailjs.send(‘service_id’, ‘template_id’, {
to_email: ‘info@starshipeducation.com’,
position: position,
full_name: formData.get(‘fullName’),
email: formData.get(’email’),
whatsapp: formData.get(‘whatsapp’),
message: formData.get(‘message’),
cv_filename: starshipCareerCVInput.files[0] ? starshipCareerCVInput.files[0].name : ‘No file’
})
.then(function(response) {
console.log(‘Email sent successfully:’, response);
}, function(error) {
console.log(‘Failed to send email:’, error);
});
*/
}, 1500);
});

// Close success modal
starshipCareerCloseSuccessBtn.addEventListener(‘click’, function() {
starshipCareerSuccessModal.classList.remove(‘active’);
document.body.style.overflow = ‘auto’;
});

// Close success modal when clicking outside
starshipCareerSuccessModal.addEventListener(‘click’, function(e) {
if (e.target === starshipCareerSuccessModal) {
starshipCareerSuccessModal.classList.remove(‘active’);
document.body.style.overflow = ‘auto’;
}
});

// Close modals with Escape key
document.addEventListener(‘keydown’, function(e) {
if (e.key === ‘Escape’) {
starshipCareerModal.classList.remove(‘active’);
starshipCareerSuccessModal.classList.remove(‘active’);
document.body.style.overflow = ‘auto’;
}
});