body{font-family:Arial,sans-serif;margin:0;background-color:#f4f7fa;color:#222;overflow-x:hidden}.intro-img{width:100%;height:auto;max-height:500px}.intro-img img{margin-top:2%;width:100%;height:45vh;object-fit:cover}.intro{text-align:center;max-width:800px;margin:60px auto 40px;padding:0 20px;animation:fadeInUp 0.8s ease}.intro h2{color:#036;margin-bottom:10px;font-size:2rem}.intro p{color:#555;line-height:1.7}.why{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:25px;max-width:1500px;margin:50px auto 80px;padding:0 20px}.why-card{background:#fff;border-radius:12px;box-shadow:0 4px 20px rgb(0 0 0 / .05);text-align:center;padding:25px 15px;transition:all 0.3s ease;border-top:4px solid #fff0;opacity:0;transform:translateY(30px);animation:fadeInUp 1s ease forwards}.why-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 14px 35px rgb(0 0 0 / .15)}.why-card i{font-size:2.5rem;color:#036;margin-bottom:15px;transition:color 0.3s ease,transform 0.3s ease}.why-card:hover i{color:#ff7300;transform:scale(1.2)}.why-card i{color:#036;font-size:2rem;margin-bottom:10px}.why-card h4{color:#036;margin:10px 0}.why-card p{color:#555;font-size:16px;line-height:1.5}.apply-section{background:#036;color:#fff;text-align:center;padding:60px 20px;border-radius:12px;max-width:800px;margin:0 auto 80px;animation:fadeInUp 0.8s ease}.apply-section h3{font-size:1.8rem;margin-bottom:15px}.apply-section p{font-size:16px;margin-bottom:20px}.apply-section a{display:inline-block;background:#fff;color:#036;padding:10px 25px;border-radius:6px;text-decoration:none;font-weight:500;transition:all 0.3s ease}.apply-section a:hover{background:#ff7300;color:#fff}.career-container{max-width:1300px;margin:0 auto 50px;padding:0 20px}.job-card{background:#fff;border-radius:12px;box-shadow:0 4px 15px rgb(0 0 0 / .05);margin-bottom:25px;padding:25px 30px;border-left:4px solid #fff0;transition:all 0.3s ease;cursor:pointer}.job-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;border-bottom:1px solid #eee;padding-bottom:10px;margin-bottom:10px}.job-header h3{color:#036;margin:0;font-size:1.3rem;font-weight:600}.job-header p{margin:0;color:#555;font-size:16px}.job-details{max-height:0;overflow:hidden;opacity:0;transform:translateY(-10px);transition:all 0.6s cubic-bezier(.25,1,.5,1)}.job-card.active .job-details{max-height:2000px;opacity:1;margin-top:15px;transform:translateY(0)}.job-details h4{color:#036;font-size:18px;margin-top:18px;margin-bottom:6px;font-weight:600;border-left:3px solid #ff7300;padding-left:8px}.job-details h5{color:#036;font-size:17px;font-weight:600;margin-top:12px;margin-bottom:5px;margin-left:10px}.job-details p{color:#555;line-height:1.6;font-size:16px;margin-bottom:10px}.job-details ul{margin:8px 0 15px 25px;color:#555;line-height:1.6;font-size:16px}.job-details li{margin-bottom:6px;margin-left:15px}.apply-btn{display:inline-block;background:#036;color:#fff;padding:10px 22px;border-radius:6px;margin-top:20px;text-decoration:none;font-size:16px;transition:all 0.3s ease}.apply-btn:hover{background:#ff7300;box-shadow:0 3px 10px rgb(255 115 0 / .25)}@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1024px){.intro-top{padding:80px 30px;margin-top:2%}.intro-top h1{font-size:2.2rem}.intro-top p{font-size:1rem}.intro h2{font-size:1.7rem}.intro p{font-size:1rem}.why{gap:20px;padding:0 30px}.job-card{padding:20px}.job-header h3{font-size:1.1rem}.job-header p{font-size:15px}}@media (max-width:768px){body{padding-top:50px!important}.intro-img{width:100%;max-width:100%;height:auto;display:block;margin:0 auto}.intro-top{padding:60px 20px;border-radius:0;margin-top:-2%}.intro-top h1{font-size:1.9rem}.intro-top p{font-size:.95rem}.intro{margin:40px auto}.intro h2{font-size:1.5rem}.intro p{font-size:.95rem}.why{grid-template-columns:1fr 1fr;gap:15px;margin:25px 0}.why-card{padding:20px 10px}.apply-section{margin:0 10px 60px;padding:50px 20px}.career-container{padding:0 15px;margin-bottom:0}.job-card{padding:20px 18px}.job-header{flex-direction:column;align-items:flex-start;gap:10px}.apply-btn{padding:8px 18px;font-size:15px}}@media (max-width:480px){.intro-img{width:90%;margin:10px auto}.intro-top{padding:50px 15px}.intro-top h1{font-size:1.7rem}.intro-top p{font-size:.9rem}.intro{margin:30px auto;padding:0 15px}.intro h2{font-size:1.3rem}.intro p{font-size:.9rem}.why{grid-template-columns:1fr;gap:20px;padding:0 15px}.why-card i{font-size:2rem}.why-card h4{font-size:1rem}.why-card p{font-size:.9rem}.apply-section{padding:40px 15px}.apply-section h3{font-size:1.4rem}.apply-section p{font-size:.9rem}.career-container{padding:0 10px}.job-card{padding:18px 15px}.job-header h3{font-size:1rem}.job-header p{font-size:.9rem}.job-details p,.job-details ul{font-size:.9rem}.apply-btn{font-size:14px;padding:8px 16px}}